From 51eee10c5ae7450c200e686220dbee68f52a9d49 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Wed, 18 Feb 2026 12:08:03 +0100 Subject: [PATCH 1/3] =?UTF-8?q?Refactor:=20d=C3=A9placer=20router=20et=20a?= =?UTF-8?q?nimations=20hors=20de=20state/?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - src/state/router.js → src/router/index.js - src/state/animations.js → src/utils/animations.js - Ajout des alias @router et @utils dans vite.config.js - Mise à jour des imports dans Header.svelte et main.js Co-Authored-By: Claude Sonnet 4.5 --- src/components/layout/Header.svelte | 2 +- src/main.js | 2 +- src/{state/router.js => router/index.js} | 8 ++++---- src/{state => utils}/animations.js | 0 vite.config.js | 4 +++- 5 files changed, 9 insertions(+), 7 deletions(-) rename src/{state/router.js => router/index.js} (92%) rename src/{state => utils}/animations.js (100%) diff --git a/src/components/layout/Header.svelte b/src/components/layout/Header.svelte index 81cc04d..33be62a 100644 --- a/src/components/layout/Header.svelte +++ b/src/components/layout/Header.svelte @@ -2,7 +2,7 @@ import { navigation } from '@state/navigation.svelte' import { locale } from '@state/locale.svelte' import { page } from '@state/page.svelte' - import { navigateTo } from '@state/router' + import { navigateTo } from '@router' const isMenuOpen = $derived(navigation.isMenuOpen) const currentLang = $derived(locale.current) diff --git a/src/main.js b/src/main.js index 78c060e..7ab22da 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,7 @@ import './styles/index.css' import App from './App.svelte' import { mount } from 'svelte' -import { initRouter } from './state/router' +import { initRouter } from './router' initRouter() diff --git a/src/state/router.js b/src/router/index.js similarity index 92% rename from src/state/router.js rename to src/router/index.js index 2d0e95c..a3b955f 100644 --- a/src/state/router.js +++ b/src/router/index.js @@ -1,8 +1,8 @@ import navaid from "navaid"; -import { page } from "./page.svelte"; -import { navigation } from "./navigation.svelte"; -import { site } from "./site.svelte"; -import { locale } from "./locale.svelte"; +import { page } from "@state/page.svelte"; +import { navigation } from "@state/navigation.svelte"; +import { site } from "@state/site.svelte"; +import { locale } from "@state/locale.svelte"; export const router = navaid("/", () => { // Default handler diff --git a/src/state/animations.js b/src/utils/animations.js similarity index 100% rename from src/state/animations.js rename to src/utils/animations.js diff --git a/vite.config.js b/vite.config.js index cc77d6d..cdf1ec2 100644 --- a/vite.config.js +++ b/vite.config.js @@ -12,7 +12,9 @@ export default defineConfig({ alias: { '@components': path.resolve(__dirname, 'src/components'), '@views': path.resolve(__dirname, 'src/views'), - '@state': path.resolve(__dirname, 'src/state') + '@state': path.resolve(__dirname, 'src/state'), + '@router': path.resolve(__dirname, 'src/router'), + '@utils': path.resolve(__dirname, 'src/utils') } }, server: { From 50f81269ac4a778ae9353693de1b478b12b17258 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Wed, 18 Feb 2026 12:08:08 +0100 Subject: [PATCH 2/3] =?UTF-8?q?Feat:=20Home=20r=C3=A9cup=C3=A8re=20subtitl?= =?UTF-8?q?e=20et=20CTA=20depuis=20les=20donn=C3=A9es=20Kirby?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Renommage des champs blueprint : cta_text → ctaText, cta_link → ctaLink - Template home.json.php : expose ctaText et ctaPath (id de page Kirby) - Home.svelte : suppression des traductions en dur, lecture de data.hero Co-Authored-By: Claude Sonnet 4.5 --- site/blueprints/pages/home.yml | 4 ++-- site/templates/home.json.php | 4 ++-- src/views/Home.svelte | 23 ++++------------------- 3 files changed, 8 insertions(+), 23 deletions(-) diff --git a/site/blueprints/pages/home.yml b/site/blueprints/pages/home.yml index 2bb73e3..003416f 100644 --- a/site/blueprints/pages/home.yml +++ b/site/blueprints/pages/home.yml @@ -23,13 +23,13 @@ tabs: type: writer marks: false nodes: false - cta_text: + ctaText: width: 1/2 label: Texte du bouton CTA help: CTA pour call to action type: text default: Explorer - cta_link: + ctaLink: width: 1/2 label: Lien du bouton CTA help: CTA pour call to action diff --git a/site/templates/home.json.php b/site/templates/home.json.php index 94c9c2f..a8f86bd 100644 --- a/site/templates/home.json.php +++ b/site/templates/home.json.php @@ -5,8 +5,8 @@ $specificData = [ 'title' => $page->hero_title()->value(), 'title_highlight' => $page->hero_title_highlight()->value(), 'subtitle' => $page->hero_subtitle()->value(), - 'cta_text' => $page->hero_cta_text()->value(), - 'cta_link' => $page->hero_cta_link()->toPage()?->url() ?? '#', + 'ctaText' => $page->ctaText()->value(), + 'ctaPath' => $page->ctaLink()->toPage()?->id() ?? '#', 'image' => $page->hero_image()->toFile()?->url() ], 'background_video' => $page->background_video()->toFile()?->url(), diff --git a/src/views/Home.svelte b/src/views/Home.svelte index db773dc..a3e432c 100644 --- a/src/views/Home.svelte +++ b/src/views/Home.svelte @@ -1,27 +1,12 @@ @@ -125,7 +110,7 @@ style="z-index: 5; justify-self: center; margin-top: 6vmax;" >

- {t('homeText')} + {data.hero.subtitle}

- {t('explore')} + {data.hero.ctaText}

From 5c3568a12a4e916837913783085e42b237e5bd03 Mon Sep 17 00:00:00 2001 From: isUnknown Date: Wed, 18 Feb 2026 12:08:12 +0100 Subject: [PATCH 3/3] Fix: golden-grid height 100vh au lieu de 100% Co-Authored-By: Claude Sonnet 4.5 --- src/style.css | 7 ++++--- src/styles/layout.css | 2 +- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/style.css b/src/style.css index f5895ba..b1f001e 100644 --- a/src/style.css +++ b/src/style.css @@ -121,7 +121,7 @@ body { /* Golden Grid */ .golden-grid { - height: 100% !important; + height: 100vh !important; min-height: 100% !important; display: grid !important; position: relative; @@ -198,7 +198,7 @@ body { .earth-icon { width: 24px; height: 24px; - background-image: url('/assets/img/icon-earth-green.png'); + background-image: url("/assets/img/icon-earth-green.png"); background-size: contain; background-repeat: no-repeat; background-position: center; @@ -207,7 +207,8 @@ body { } .button:hover .earth-icon { - filter: brightness(0) saturate(100%) invert(77%) sepia(82%) saturate(507%) hue-rotate(91deg) brightness(101%) contrast(97%); + filter: brightness(0) saturate(100%) invert(77%) sepia(82%) saturate(507%) + hue-rotate(91deg) brightness(101%) contrast(97%); } /* Clickable elements */ diff --git a/src/styles/layout.css b/src/styles/layout.css index 8f6fb71..a0c3b74 100644 --- a/src/styles/layout.css +++ b/src/styles/layout.css @@ -1,6 +1,6 @@ /* Golden Grid */ .golden-grid { - height: 100% !important; + height: 100vh !important; min-height: 100% !important; display: grid !important; position: relative;