From 08718d65dc4f6c22de70ce4c4bec4ea17a3b5c37 Mon Sep 17 00:00:00 2001 From: Avris Date: Wed, 8 Dec 2021 17:21:27 +0100 Subject: [PATCH] [design] redesign footer --- assets/style.scss | 11 +- components/Authors.vue | 2 + components/EasterEgg.vue | 2 +- components/Footer.vue | 176 +++++++++++++++++-------------- components/Share.vue | 6 +- components/Support.vue | 13 +-- layouts/default.vue | 4 +- locale/_base/translations.suml | 4 +- locale/de/translations.suml | 8 +- locale/en/translations.suml | 4 +- locale/es/translations.suml | 8 +- locale/fr/translations.suml | 8 +- locale/gl/translations.suml | 8 +- locale/ja/translations.suml | 4 +- locale/nl/translations.suml | 8 +- locale/no/translations.suml | 8 +- locale/pl/translations.suml | 4 +- locale/pt/translations.suml | 8 +- locale/ru/translations.suml | 4 +- locale/yi/translations.suml | 9 +- locale/zh/translations.suml | 8 +- plugins/support.js | 11 ++ {assets => static/img}/avris.svg | 4 +- 23 files changed, 211 insertions(+), 111 deletions(-) create mode 100644 plugins/support.js rename {assets => static/img}/avris.svg (92%) diff --git a/assets/style.scss b/assets/style.scss index 6ae710d5..b9a488fe 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -50,17 +50,26 @@ html { } body { - margin: 2rem; background-image: linear-gradient(74deg, rgba(236, 236, 236,0.02) 0%, rgba(236, 236, 236,0.02) 13%,transparent 13%, transparent 64%,rgba(55, 55, 55,0.02) 64%, rgba(55, 55, 55,0.02) 71%,rgba(239, 239, 239,0.02) 71%, rgba(239, 239, 239,0.02) 100%),linear-gradient(170deg, rgba(8, 8, 8,0.02) 0%, rgba(8, 8, 8,0.02) 1%,transparent 1%, transparent 60%,rgba(9, 9, 9,0.02) 60%, rgba(9, 9, 9,0.02) 80%,rgba(198, 198, 198,0.02) 80%, rgba(198, 198, 198,0.02) 100%),linear-gradient(118deg, rgba(134, 134, 134,0.02) 0%, rgba(134, 134, 134,0.02) 30%,transparent 30%, transparent 43%,rgba(85, 85, 85,0.02) 43%, rgba(85, 85, 85,0.02) 47%,rgba(103, 103, 103,0.02) 47%, rgba(103, 103, 103,0.02) 100%),linear-gradient(249deg, rgba(178, 178, 178,0.02) 0%, rgba(178, 178, 178,0.02) 8%,transparent 8%, transparent 47%,rgba(161, 161, 161,0.02) 47%, rgba(161, 161, 161,0.02) 61%,rgba(19, 19, 19,0.02) 61%, rgba(19, 19, 19,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255)); min-height: 100vh; } +main { + margin: 2rem; +} + .container { margin: 0 auto; width: 100%; max-width: min(90vw, 920px); } +.container-wide { + margin: 0 auto; + width: 100%; + max-width: min(90vw, 1300px); +} + section { margin: 2*$spacer 0; } diff --git a/components/Authors.vue b/components/Authors.vue index cf438f33..948079db 100644 --- a/components/Authors.vue +++ b/components/Authors.vue @@ -5,6 +5,8 @@ contact.team.name +
+ contact.team.description
  • diff --git a/components/EasterEgg.vue b/components/EasterEgg.vue index 9b60297d..c4006090 100644 --- a/components/EasterEgg.vue +++ b/components/EasterEgg.vue @@ -44,7 +44,7 @@ export default { async keypressed(e) { this.lastCharacters = [...this.lastCharacters.slice(-9), e.key]; if (this.lastCharacters.join(',') === konami.join(',')) { - await this.$alert('Gratulacje! Udało Ći śę odblokować easter egga!
    Szczeguły w stopce strony!'); + await this.$alert('Gratulacje! Udało Ći śę odblokować easter egga!
    Szczeguły w stopce strony, u samego dołu!'); this.setSpelling('futurysci'); } }, diff --git a/components/Footer.vue b/components/Footer.vue index 1fdab7c5..b84b4219 100644 --- a/components/Footer.vue +++ b/components/Footer.vue @@ -1,93 +1,115 @@ + + diff --git a/components/Share.vue b/components/Share.vue index aef6d83d..961ee238 100644 --- a/components/Share.vue +++ b/components/Share.vue @@ -1,10 +1,10 @@ diff --git a/layouts/default.vue b/layouts/default.vue index 878166c8..fe997ae1 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -7,9 +7,7 @@ -
    -
    -
    +