diff --git a/package-lock.json b/package-lock.json index bd9c113e..78481d4b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -37,6 +37,7 @@ "vue-fragment": "1.6.0", "vue-gtag": "1.1.2", "vue-i18n": "8.15.3", + "vue-matomo": "^4.2.0", "vue-router": "3.1.5", "vue-slider-component": "^3.1.1", "vuex": "3.1.2", @@ -35204,6 +35205,15 @@ "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=", "dev": true }, + "node_modules/vue-matomo": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/vue-matomo/-/vue-matomo-4.2.0.tgz", + "integrity": "sha512-m5hCw7LH3wPDcERaF4sp/ojR9sEx7Rl8TpOyH/4jjQxMF2DuY/q5pO+i9o5Dx+BXLSa9+IQ0qhAbWYRyESQXmA==", + "engines": { + "node": ">= 6.0.0", + "npm": ">= 3.0.0" + } + }, "node_modules/vue-property-decorator": { "version": "8.4.1", "resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-8.4.1.tgz", @@ -63743,6 +63753,11 @@ } } }, + "vue-matomo": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/vue-matomo/-/vue-matomo-4.2.0.tgz", + "integrity": "sha512-m5hCw7LH3wPDcERaF4sp/ojR9sEx7Rl8TpOyH/4jjQxMF2DuY/q5pO+i9o5Dx+BXLSa9+IQ0qhAbWYRyESQXmA==" + }, "vue-property-decorator": { "version": "8.4.1", "resolved": "https://registry.npmjs.org/vue-property-decorator/-/vue-property-decorator-8.4.1.tgz", diff --git a/package.json b/package.json index b07e0ee6..d0095b35 100644 --- a/package.json +++ b/package.json @@ -49,6 +49,7 @@ "vue-fragment": "1.6.0", "vue-gtag": "1.1.2", "vue-i18n": "8.15.3", + "vue-matomo": "^4.2.0", "vue-router": "3.1.5", "vue-slider-component": "^3.1.1", "vuex": "3.1.2", diff --git a/public/index.html b/public/index.html index 0ed49f23..36f35c09 100644 --- a/public/index.html +++ b/public/index.html @@ -1,13 +1,32 @@ - + - - + + impresso | Media Monitoring of the Past - + + + +
diff --git a/src/App.vue b/src/App.vue index df63a8c4..39087ccf 100644 --- a/src/App.vue +++ b/src/App.vue @@ -189,6 +189,10 @@ $clr-grey-900: #ddd; --impresso-color-black: #343a40; --impresso-color-black-rgb: 52, 58, 64; + + --impresso-color-pastel-blue: rgba(86, 204, 242); + --impresso-color-pastel-blue-alpha-20: rgba(86, 204, 242, 0.2); + --impresso-border-radius-xs: 5px; --impresso-border-radius-sm: 10px; --impresso-border-radius-md: 15px; @@ -211,11 +215,18 @@ $clr-grey-900: #ddd; --clr-grey-400-rgba-20: rgba(90, 102, 114, 0.2); --clr-grey-800-rgba-20: rgba(198, 204, 210, 0.2); --clr-grey-900-rgba-20: rgba(221, 221, 221, 0.2); + --spacing-1: 0.25rem; --spacing-2: 0.5rem; --spacing-3: 1rem; --spacing-4: 1.5rem; --spacing-5: 3rem; + --negative-spacing-1: -0.25rem; + --negative-spacing-2: -0.5rem; + --negative-spacing-3: -1rem; + --negative-spacing-4: -1.5rem; + --negative-spacing-5: -3rem; + --accent: #28a745; --impresso-yellow: #ffeb78; --border-radius-sm: 3px; diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue index 56d64e57..a4849c9b 100644 --- a/src/components/Autocomplete.vue +++ b/src/components/Autocomplete.vue @@ -1,37 +1,52 @@ -