studio-variable/world-game
3
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

Upgrade vers Svelte 5 et reproduction de la page d'accueil

Browse source 
- Upgrade : Svelte 5.0.0, Vite 7.0.4, @sveltejs/vite-plugin-svelte 6.0.0
- Migration syntaxe Svelte 5 : $derived, $props(), onclick, mount()
- Navbar identique au site source avec logo GIF et menu animé
- Page Home avec vidéo plein écran et lignes verticales
- CSS modulaire organisé en fichiers séparés (variables, fonts, layout, buttons, etc.)
- Assets copiés : fonts Danzza, vidéos, icônes

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-07 07:52:16 +01:00
parent cbe89acb21
commit a12c2df8f9
28 changed files with 1062 additions and 576 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/styles/layout.css Normal file
View file

@ -0,0 +1,42 @@
/* Golden Grid */
.golden-grid {
height: 100% !important;
min-height: 100% !important;
display: grid !important;
position: relative;
grid-template-rows: 1fr 1fr 2fr 4fr 2.66fr 5.33fr 5.33fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
grid-template-columns: 1fr 1fr 2fr 4fr 2.66fr 5.33fr 5.33fr 4.33fr 2.83fr 3.5fr 3.5fr 2.83fr 4.33fr 5.33fr 5.33fr 2.66fr 4fr 2fr 1fr 1fr;
text-align: center;
}
.slide {
overflow-y: hidden;
}
/* Vertical Lines */
.vertical-line {
z-index: 1;
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
height: 150%;
}
.vertical-line-start {
z-index: 1;
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
grid-area: 1/6 / span 20 / span 1;
height: 150%;
}
.vertical-line-center {
z-index: 1;
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
grid-area: 1/11 / span 20 / span 1;
height: 150%;
}
.vertical-line-end {
z-index: 1;
border-left: 0.1px solid rgba(238, 238, 238, 0.2);
grid-area: 1/16 / span 20 / span 1;
height: 150%;
}