Add assets, add more components

Author: Ari

.eslintrc.js

@@ -25,7 +25,8 @@ module.exports = {
         'generator-star-spacing': 'off',
         // allow debugger during development
         'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-        'indent': ["error", 4]
+        'indent': ["error", 4],
+        'space-before-function-paren': ['warn', 'always']
 
 
     }

src/App.vue

@@ -1,43 +1,54 @@
 <template>
     <div id="app">
+        <Header appName="cc-chooser"/>
         <div class="container" id="site-container">
-            <img src="./assets/logo.png">
             <Chooser/>
             <hr>
-            
+            <HelpSection/>
             <hr>
             <HTMLGenerator/>
         </div>
+        <Footer/>
     </div>
 </template>
 
 <script>
 import HelloWorld from './components/HelloWorld'
 import Chooser from './components/Chooser'
+import HelpSection from './components/HelpSection'
 import HTMLGenerator from './components/HTMLGenerator'
+import SelectedLicense from './components/SelectedLicense'
+import { Header, Footer } from '@creativecommons/vocabulary/vocabulary.common'
 
 export default {
     name: 'App',
     components: {
         HelloWorld,
         Chooser,
-        HTMLGenerator
+        HelpSection,
+        HTMLGenerator,
+        Header,
+        Footer,
+        SelectedLicense
     }
 }
 </script>
 
 <style>
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C600%2C700%7CRoboto+Condensed&ver=4.9.8");
+
 #app {
-    font-family: 'Avenir', Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    text-align: center;
     color: #2c3e50;
-    margin-top: 60px;
 }
 
 hr {
     margin-left: 5%;
     margin-right: 5%;
 }
+
+#site-container {
+    padding-top: 3%;
+}
 </style>