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

Migration vers architecture Svelte + Kirby inspirée de design-to-pack

Browse source 
- Mise en place de Svelte 4 avec Vite pour le frontend (SPA)
- Simplification des templates PHP (header/footer minimalistes)
- Création de templates JSON pour API (home, about, expertise, portfolio, jouer, game, blog, article, project)
- Ajout d'un controller de site pour définir genericData globalement
- Structure des stores Svelte (page, navigation, locale, site)
- Router avec navaid pour navigation SPA et interception des liens
- Composants layout (Header, Footer, Cursor) et vues de base
- Build Vite vers assets/dist/ (index.js/css)
- Header PHP détecte assets/dist pour basculer dev/prod

Architecture fonctionnelle de base établie, à améliorer et compléter.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-06 16:30:15 +01:00
parent c4456d587c
commit cbe89acb21
53 changed files with 3348 additions and 772 deletions
Download patch file Download diff file Expand all files Collapse all files

46
index.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>World Game - Play to Engage</title>
<meta name="description" content="World Game - Création de jeux et expériences interactives">
<!-- This file is only used during development with Vite -->
<!-- In production, Kirby's header.php will be used -->
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
<!-- Mock Kirby data for development -->
<script>
window.__KIRBY__ = {
page: {
id: 'home',
template: 'home',
url: '/',
uri: ''
},
site: {
title: 'World Game',
url: 'http://localhost:8000',
language: 'fr',
languages: [
{ code: 'fr', name: 'Français' },
{ code: 'en', name: 'English' }
],
logo: null,
navigation: [
{ label_fr: 'Accueil', label_en: 'Home', url: '/', isActive: true },
{ label_fr: 'Expertise', label_en: 'Expertise', url: '/expertise', isActive: false },
{ label_fr: 'Portfolio', label_en: 'Portfolio', url: '/portfolio', isActive: false },
{ label_fr: 'Jouer', label_en: 'Play', url: '/jouer', isActive: false },
{ label_fr: 'À propos', label_en: 'About', url: '/a-propos', isActive: false },
{ label_fr: 'Blog', label_en: 'Blog', url: '/blog', isActive: false }
]
}
};
</script>
</body>
</html>