design(#89): visuele refresh Home + levelselect (Brok 3) #99

New issue

Closed

opened 2026-04-21 15:11:54 +02:00 by Ghost · 1 comment

Ghost commented

2026-04-21 15:11:54 +02:00

(Migrated from codeberg.org)

Onderdeel van #89 — REFINE-89.md Brok 3.

Scope

_renderStartScreen + _renderLevelSelect opnieuw stylen naar Routekaart-look.
Sky-gradient header met titel + group-switch (geen mascotte — zie #109 voor later).
Dummy XP-bar-visual mag, maar geen XP-logica (zie #104).
Group-select chunky buttons, sets-lijst als route-nodes (platte lijst — overworld-SVG zit in #100).

Impact

~120 LOC CSS + ~80 LOC JS herschreven.
Raakt _renderLevelSelect, group-select, selectLevel, showStartScreen.
Playwright-tests op navigatie bijwerken (IDs/classes verschuiven): tests/navigation.spec.js, tests/group-select.spec.js.

Afhankelijkheden

#97 (tokens) — blocker
#98 (CSS-extractie) — blocker
Vraag 1 → Optie C ✅, vraag 3 → mascotte uit scope ✅. Unblocked.

Copy-constraint

Alles Nederlands, B1-taalniveau. Geen Engelse gamer-termen.

Release

Feature-branch feature/design-home → CF-preview → user-review → merge naar dev.

Effort

2–3 dagen.

Onderdeel van #89 — REFINE-89.md Brok 3. ## Scope - `_renderStartScreen` + `_renderLevelSelect` opnieuw stylen naar Routekaart-look. - Sky-gradient header met titel + group-switch (**geen mascotte** — zie #109 voor later). - Dummy XP-bar-visual mag, maar geen XP-logica (zie #104). - Group-select chunky buttons, sets-lijst als route-nodes (platte lijst — overworld-SVG zit in #100). ## Impact - ~120 LOC CSS + ~80 LOC JS herschreven. - Raakt `_renderLevelSelect`, `group-select`, `selectLevel`, `showStartScreen`. - Playwright-tests op navigatie bijwerken (IDs/classes verschuiven): `tests/navigation.spec.js`, `tests/group-select.spec.js`. ## Afhankelijkheden - #97 (tokens) — blocker - #98 (CSS-extractie) — blocker - Vraag 1 → Optie C ✅, vraag 3 → mascotte uit scope ✅. **Unblocked.** ## Copy-constraint Alles **Nederlands, B1-taalniveau**. Geen Engelse gamer-termen. ## Release Feature-branch `feature/design-home` → CF-preview → user-review → merge naar `dev`. ## Effort 2–3 dagen.

Ghost commented

2026-04-21 22:41:00 +02:00

(Migrated from codeberg.org)

Fixed in v2.20.0 — Routekaart-refresh voor Home/level-select (sky-gradient header, dummy XP-bar, chunky group-select, paper route-node cards). Mode-select en quiz volgen in latere tickets (#101+).