Doku: Sprint 16 komplett — Phone-Frame, Screenshots, UX-Fixes

This commit is contained in:
rene 2026-04-27 19:44:26 +02:00
parent ddfc20b10d
commit ac63be27a4

View file

@ -46,18 +46,22 @@ Maps: Leaflet.js + OpenStreetMap (kostenlos, kein Google-Lock)
---
## Implementierungsstand (aktuell: 2026-04-27, SW by-v447, APP_VER 426)
## Implementierungsstand (aktuell: 2026-04-27, SW by-v449, APP_VER 428)
### Sprint 16 (2026-04-27) ✅
#### Landing Page — Hero-Rotation
- 9 rotierende Hero-Slides (alle 6s, Fade-Transition, Dot-Indikatoren)
- Themen: Tagebuch, Karte, Gesundheit+KI, Giftköder, PWA-Erklärung, Routen, Gassi-Treffen, Virtueller Trainer, Forum
- Kurze emotionale Headlines statt Spec-Sheet ("Jeder Moment zählt." statt "Alles für deinen Hund.")
- PWA-Slide erklärt Konzept ohne Fachbegriff: „Wie eine App. Nur ohne App Store."
#### Landing Page — Hero-Rotation + Phone-Frame
- 9 rotierende Hero-Slides (alle 6s, Fade-Transition, Zähler "1 / 9")
- CSS-Phone-Frame mit echten App-Screenshots, synchron mit Hero-Text
- Statusleiste per `margin-top: -24px` + `overflow:hidden` abgeschnitten
- Alle Folgebilder beim Start vorgeladen, /img Static-Mount in main.py
- Screenshots JPEG-optimiert: 8MB → 2.5MB gesamt
- Kurze emotionale Headlines statt Spec-Sheet
- PWA-Slide: „Wie eine App. Nur ohne App Store."
- „Virtueller Trainer" statt „KI" (Training-Slide)
- „Und noch mehr"-Kacheln standardmäßig eingeklappt, Toggle mit Chevron
- Bug fix: `.wc-grid.wc-grid--collapsed` (CSS-Spezifität — gleiche Spezifität, Reihenfolge im Block entscheidet)
- „Und noch mehr"-Kacheln eingeklappt, Toggle mit Chevron
- UX: Dots → Zähler, Anmelden-Button Kontrast, Trust-Strip einzeilig
- Bug fix: `.wc-grid.wc-grid--collapsed` (CSS-Spezifität)