cbe89acb21
- 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>
46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<!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>
|