From fb9d5ba632e75a4b35d36eb6d4c1145d16b6381c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?No=C3=A9=20Viricel?= Date: Fri, 5 Dec 2025 17:36:33 +0100 Subject: [PATCH] chore: add animation on header --- app/app.vue | 6 ++- app/assets/images/brand-desktop.svg | 9 ++++ app/assets/{icons => images}/brand-logo.svg | 0 app/components/AppHeader.vue | 54 ++++++++++++++++++--- app/composables/useScroll.ts | 24 +++++++++ content/index.md | 20 +++++++- 6 files changed, 103 insertions(+), 10 deletions(-) create mode 100644 app/assets/images/brand-desktop.svg rename app/assets/{icons => images}/brand-logo.svg (100%) create mode 100644 app/composables/useScroll.ts diff --git a/app/app.vue b/app/app.vue index 41a30bf..1d67cad 100644 --- a/app/app.vue +++ b/app/app.vue @@ -16,8 +16,12 @@ --breakpoint-2xl: 1400px; } -html, body, p { +html, body, p, a { font-family: 'Abbiocco Beta', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } + +a { + text-decoration: none; +} \ No newline at end of file diff --git a/app/assets/images/brand-desktop.svg b/app/assets/images/brand-desktop.svg new file mode 100644 index 0000000..62016b6 --- /dev/null +++ b/app/assets/images/brand-desktop.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/app/assets/icons/brand-logo.svg b/app/assets/images/brand-logo.svg similarity index 100% rename from app/assets/icons/brand-logo.svg rename to app/assets/images/brand-logo.svg diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue index 7afebf5..143113e 100644 --- a/app/components/AppHeader.vue +++ b/app/components/AppHeader.vue @@ -1,32 +1,70 @@