diff --git a/package.json b/package.json
index 30c46aadd..fe07adfef 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
"i18n:report": "vue-cli-service i18n:report -v --src src/**/*.vue --locales src/locales/**.json -o output.json"
},
"dependencies": {
- "@creativecommons/vocabulary": "0.0.0-alpha.30",
+ "@creativecommons/vocabulary": "^1.0.0-beta.14",
"@creativecommons/vue-vocabulary": "0.0.0-alpha.30",
"@fortawesome/fontawesome-svg-core": "^1.2.26",
"@fortawesome/free-brands-svg-icons": "^5.12.0",
diff --git a/src/App.vue b/src/App.vue
index ac37c86ed..6908df736 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,13 @@
-
+
-
+
{{ $t('select-license.heading') }}
@@ -31,7 +31,7 @@
-
+
@@ -41,8 +41,8 @@
import HelpSection from './components/HelpSection'
import Stepper from './components/Stepper'
import LicenseUseCard from './components/LicenseUseCard'
-import Header from './components/Header.vue'
-import Footer from './components/Footer'
+import HeaderSection from './components/HeaderSection'
+import FooterSection from './components/FooterSection'
import LocaleChooser from './components/LocaleChooser'
import LicenseDetailsCard from './components/LicenseDetailsCard'
@@ -53,8 +53,8 @@ export default {
Stepper,
LicenseDetailsCard,
LicenseUseCard,
- Header,
- Footer,
+ HeaderSection,
+ FooterSection,
LocaleChooser
},
data() {
@@ -104,6 +104,7 @@ export default {
@import '~buefy/src/scss/components/_icon.scss';
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A%20400%2C600%2C700%7CRoboto+Condensed&ver=4.9.8");
+ @import "@creativecommons/vocabulary/scss/vocabulary.scss";
#app {
-webkit-font-smoothing: antialiased;
diff --git a/src/assets/chooser.svg b/src/assets/chooser.svg
new file mode 100644
index 000000000..a66b438fc
--- /dev/null
+++ b/src/assets/chooser.svg
@@ -0,0 +1,15 @@
+
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
deleted file mode 100644
index 087b87a88..000000000
--- a/src/components/Footer.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/FooterSection.vue b/src/components/FooterSection.vue
new file mode 100644
index 000000000..efa400144
--- /dev/null
+++ b/src/components/FooterSection.vue
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/Header.vue b/src/components/Header.vue
deleted file mode 100644
index 8306cb22f..000000000
--- a/src/components/Header.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
-
-
- {{ $t('app.title') }}
-
-
-
-
-
- {{ $t('header.nav-feedback') }}
-
-
-
-
-
-
-
-
diff --git a/src/components/HeaderSection.vue b/src/components/HeaderSection.vue
new file mode 100644
index 000000000..04f212cef
--- /dev/null
+++ b/src/components/HeaderSection.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('header.nav-feedback') }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/HelpSection.vue b/src/components/HelpSection.vue
index 28cb16b91..692d29400 100644
--- a/src/components/HelpSection.vue
+++ b/src/components/HelpSection.vue
@@ -1,6 +1,6 @@
-
+
{{ $t('help.heading') }}