feat(01-01): scaffold Vite project with CSS design system and project structure

- Vite 6 + TypeScript + Biome + Vitest configured
- All directories from spec section 13 created
- CSS custom properties for full color palette and finger colors
- index.html with 5 screen sections and Google Fonts
- Dev server binds to 0.0.0.0:5173 for VPS access

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 11:01:10 +02:00
co-authored by Claude Opus 4.6
parent 27d9e91439
commit 4dc9523044
22 changed files with 1931 additions and 0 deletions
+23
View File
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Zauberwald</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&family=Nunito:wght@400;600&display=swap"
rel="stylesheet"
/>
</head>
<body>
<section id="screen-welcome" class="screen screen--active"></section>
<section id="screen-forest" class="screen"></section>
<section id="screen-lesson" class="screen"></section>
<section id="screen-reward" class="screen"></section>
<section id="screen-parent" class="screen"></section>
<script type="module" src="/src/main.ts"></script>
</body>
</html>