studio-variable/world-game
4
0
Fork 0
Code Issues 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

38
src/styles/variables.css Normal file
View file

@ -0,0 +1,38 @@
/* CSS Variables */
:root {
/* Base font sizes for desktop */
--font-size-paragraph: 18px;
--font-size-paragraph-small: 16px;
--font-size-subtitle: 20px;
--font-size-title-section: 32px;
--font-size-title-main: 48px;
--font-size-title-hero: 96px;
--font-size-button: 13px;
--font-size-caption: 12px;
/* Mobile font sizes */
--font-size-paragraph-mobile: 16px;
--font-size-paragraph-small-mobile: 12px;
--font-size-subtitle-mobile: 16px;
--font-size-title-section-mobile: 24px;
--font-size-title-main-mobile: 32px;
--font-size-title-hero-mobile: 48px;
--font-size-button-mobile: 11px;
--font-size-caption-mobile: 10px;
/* Tablet font sizes */
--font-size-paragraph-tablet: 16px;
--font-size-paragraph-small-tablet: 14px;
--font-size-subtitle-tablet: 18px;
--font-size-title-section-tablet: 28px;
--font-size-title-main-tablet: 40px;
--font-size-title-hero-tablet: 64px;
--font-size-button-tablet: 12px;
--font-size-caption-tablet: 11px;
/* Colors */
--color-primary: #04fea0;
--color-primary-hover: #03d98c;
--color-background: #000;
--color-text: #fff;
}