diff --git a/nuxt.config.js b/nuxt.config.js index e05f2c8..938523f 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -10,10 +10,50 @@ export default { meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, - { hid: 'description', name: 'description', content: '' }, + { + hid: 'description', + name: 'description', + content: 'A single page web app to help yours day-to-day tasks', + }, { name: 'format-detection', content: 'telephone=no' }, + // Twitter meta tags + { + hid: 'twitter:card', + name: 'twitter:card', + content: 'summary', + }, + { + hid: 'twitter:title', + name: 'twitter:title', + content: 'ToToday', + }, + { + hid: 'twitter:image', + name: 'twitter:image', + content: '/favicon.ico', + }, + { + hid: 'twitter:description', + name: 'twitter:description', + content: 'A single page web app to help yours day-to-day tasks', + }, + { + hid: 'twitter:creator', + name: 'twitter:creator', + content: '@Guz013_', + }, + ], + link: [ + { + rel: 'icon', + type: 'image/x-icon', + href: '/favicon.ico', + }, + { + rel: 'canonical', + href: 'https://totoday.vercel.app', + }, ], - link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }], }, // Global CSS: https://go.nuxtjs.dev/config-css @@ -44,11 +84,24 @@ export default { // PWA module configuration: https://go.nuxtjs.dev/pwa pwa: { + meta: { + twitterCard: 'summary', + twitterCreator: '@Guz013_', + }, manifest: { + name: 'ToToday', + description: 'A single page web app to help yours day-to-day tasks', + theme_color: 'dark', + background_color: '#1a1826', lang: 'en', }, }, + // Color Mode module configuration: https://color-mode.nuxtjs.org/ + colorMode: { + preference: 'dark', + }, + image: { screens: { ToTodayLogoLg: 250, diff --git a/package.json b/package.json index 72d68ce..63f0016 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ToToday", - "version": "0.7.2", + "version": "0.7.3", "private": true, "scripts": { "dev": "nuxt", diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue index 8db8ddd..daff839 100644 --- a/src/components/PageFooter.vue +++ b/src/components/PageFooter.vue @@ -1,14 +1,30 @@ @@ -24,7 +40,7 @@ export default Vue.extend({ return { version: appInfo.version, storage_updated: sm.get('date.updated', true) - ? `- Storage Updated: ${sm.get('date.updated', true).day.readable} ${ + ? `${sm.get('date.updated', true).day.readable} ${ sm.get('date.updated', true).hour.readable }` : '', @@ -33,7 +49,7 @@ export default Vue.extend({ mounted() { window.addEventListener('localStorage-changed', () => { this.storage_updated = sm.get('date.updated', true) - ? `- Storage Updated: ${sm.get('date.updated', true).day.readable} ${ + ? `${sm.get('date.updated', true).day.readable} ${ sm.get('date.updated', true).hour.readable }` : ''; @@ -49,7 +65,6 @@ export default Vue.extend({ .footer { @include link; - position: fixed; bottom: 0; left: 0; width: 100vw; @@ -63,5 +78,9 @@ export default Vue.extend({ .dark-mode & { color: $dark-secondary; } + + .debugInfo { + font-size: 0.8em; + } } diff --git a/src/components/ToTodayLogo.vue b/src/components/ToTodayLogo.vue index 131357b..e626cc5 100644 --- a/src/components/ToTodayLogo.vue +++ b/src/components/ToTodayLogo.vue @@ -1,5 +1,5 @@