-
released this
2026-04-21 23:10:05 +02:00 | 121 commits to staging since this releaseVisuele refresh van het Quiz-scherm (#101, Brok 4 van de design-overhaul) + follow-up op #99 voor de install-knop.
#101 — Quiz-scherm in Routekaart-stijl
- Title-bar tijdens quiz: plain Luckiest Guy titel op de zand-bg (geen eigen kader meer, minder visuele ruis).
- Score-bar als sky-gradient top-bar in chunky ink-frame; progress-bar grass-in-paper.
- `#map-wrap` krijgt 4px ink-frame + hard offset shadow.
- `#question-box` als RkDialog (paper + border-hero + chunky shadow + Luckiest Guy vraag).
- Antwoord-buttons: paper 2×2 grid, A/B/C/D badges, fs-18 tekst, correct = grass pop, wrong = red shake.
- Feedback als banner (yellow / sky / red) met sparkle-animatie op goed.
- Tekst-input, hint-knop, next-btn, hard-panel: alles migrerd naar tokens.
- Copy naar B1-NL zonder Pokédex-emojis in de yellow-banner.
#111 — Install-btn redesign
- `#install-btn` + `#install-tooltip` in chunky Routekaart-stijl, verplaatst naar buiten de paper-card zodat PWA-meta visueel los staat van het spelkader.
Overig
- Legacy ≤480px-overrides voor `.opt` / `#feedback` / `#question-text` uit app.css verwijderd; quiz.css is nu single source of truth voor quiz-tekstgroottes.
- `--fs-18` token toegevoegd.
- `#title-bar` toegevoegd aan de desktop 900px max-width-lijst zodat alle quiz-cards even breed zijn.
Downloads
-
Source code (ZIP)
0 downloads
-
Source code (TAR.GZ)
0 downloads