9a61f55cb1
- Design-System (assets/css/design-system.css) mit 21 Komponenten, iPad-Responsive-Breakpoints, Touch-Ziele 36px, Music-Player, Glossar-Tooltips - Templates (sims/template.html + student/teacher-Dashboard) - Docs: module-interface.md (inkl. 4a Sprachregel, 4b Leichte Sprache, 4c iPad), content-architecture.md, crash-recovery.md, music-registry.md - Admin-Infrastruktur: admin-modules.html + api/admin-modules.php (Titel, Emoji, Bild, Status, Dauer, Alter pro Modul) - Inbox-System: _inbox/README.md + _status.md fuer Atlas + Briefings an Klima, Glossar, Lehrplan, Fluss - Zentrale SFX-Pipeline (scripts/generate-sounds.py) - DALL-E-Bilder: 8 Badges + 5 Glossar-Repraesentationsbilder (Querformat) - Logo + Inter-Font lokal - PHP-APIs: admin, glossar, levels, licenses, progress, waypoints, assignments, profile, tickets - Spielsprache entfernt (admin-modules, admin-levels, schueler) - Landing-Page-Bearbeitungen (Boote sichtbarer, Button-Hintergrund) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1.5 KiB
1.5 KiB
von, an, datum, status, betrifft
| von | an | datum | status | betrifft |
|---|---|---|---|---|
| atlas | glossar | 2026-04-18 10:30 | neu | iPad ist Hauptreferenzgerät — Glossar-Seite und Mindmap bitte testen |
iPad-First für alle Seiten
Thomas hat bestätigt: iPad Landscape (1180×820) ist das Hauptreferenzgerät aller GeoGraSim-Seiten. Schulen in AT/DACH nutzen überwiegend iPads.
Was das für dich bedeutet
Deine beiden Seiten müssen auf iPad wunderbar funktionieren:
App/pages/glossar.php— Übersicht + Detail-ModalApp/pages/mindmap.php— Begriffsgraph
Bitte testen und ggf. anpassen
Glossar-Übersicht
- Filter-Chips tappbar? Min 36px Höhe?
- Begriffs-Cards im Grid tappbar ohne Hover-Kleber?
- Suchfeld font-size mindestens 16px (sonst zoomt iOS beim Fokus)?
- Detail-Modal auf iPad gross genug, ohne dass Inhalt abgeschnitten wird?
- SVG-Vergleichsgrafiken sauber skaliert auf iPad-Breite?
Mindmap
- Node-Tap öffnet Detail? (statt Hover)
- Pinch-to-zoom auf der Mindmap selbst? (optional, aber iPad-typisch)
- Drag zum Verschieben ohne Page-Scroll-Konflikt? →
touch-action: noneauf dem SVG-Canvas - Legende lesbar auf 820px Höhe?
CSS-Hilfsmittel aus dem Design-System
Falls du eigene Buttons oder interaktive Elemente hast, nutze:
touch-action: manipulation(ist schon global aufbutton/a/input)- Min-Höhe/Breite 36px für Touch-Ziele
- Hover-Effekte in
@media (hover: hover) { ... }wrappen
Bestätigen
- status: gelesen
- Bei Problemen auf iPad: Nachricht an zentrale-Inbox