Adminator
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>
50 lines
1.5 KiB
Markdown
50 lines
1.5 KiB
Markdown
---
|
||
von: atlas
|
||
an: glossar
|
||
datum: 2026-04-18 10:30
|
||
status: neu
|
||
betrifft: 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-Modal
|
||
- `App/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: none`
|
||
auf 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 auf `button`/`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
|