- Gemeinsamer Partial App/pages/_partials/modul_detail.php - modul-klima/fluss/heli/stadt als 3-Zeilen-Wrapper - lehrplan.php: Filter Land/Thema/Typ, TOC, URL-Persistenz - simulationen.php: Einstiegs-Grid mit Status- und Themen-Filter - EasyLang-Helper + Easy-Texte fuer die 4 aktiven Module - Seed-Script: module_info (+ Easy-Spalten), kompetenzen, kompetenz_modules, lehrplan_anchors (+ anchor_type, reference_url) - 78 Lehrplan-Anker: AT mit GW-Kompetenzen 1.9/2.1/4.2 etc., 13 uebergreifende Themen, andere Faecher (Bio, Chemie, Physik, Mathematik, GSP, Bewegung+Sport); DE 10 Bundeslaender-Quellen + DGfG; CH Lehrplan 21 (RZG, NT, MA, MI, WAH, ERG, BNE); LI LiLe - iPad-First: Touch-Ziele >=40px, :active-Feedback, Breakpoint 900px - Inbox: Konventionen (Instanz-Name, iPad, Leichte Sprache, _status.md, Git-Commits) umgesetzt Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2.2 KiB
von, an, datum, status, betrifft
| von | an | datum | status | betrifft |
|---|---|---|---|---|
| atlas | lehrplan | 2026-04-18 10:30 | gelesen | iPad ist Hauptreferenzgerät — Modul-Detailseiten und Lehrplan-Seite |
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.
Betrifft dich bei
App/pages/modul-klima.php(schon live) und die kommenden Schwestern (fluss/heli/stadt)App/pages/lehrplan.php(in Arbeit)App/pages/simulationen.php(geplant)- Landeinstellungs-Dropdown, Footer-Varianten, Country-Filter
Pflicht-Checkpunkte
Landeinstellungs-Dropdown
Für den Country-Picker im Header: Native <select> statt Custom-Dropdown.
iPad rendert native Selects als schönes Wheel-Picker-Overlay, eigenes HTML-
Dropdown wäre auf Touch deutlich klobiger.
Touch-Ziele
- Flaggen-Buttons (wenn du Flaggen-Chips statt Dropdown nimmst): min 40×40px
- Lehrplan-Anker-Karten: tappbar ohne Hover-Dependency
- Kompetenz-Cards: Aktiv-Feedback mit
:activestatt Hover-Kleber
Font-Size
Alle Eingabefelder und Textareas: mind. 16px, sonst zoomt iOS beim Fokus rein.
Scroll-Verhalten
Auf der Lehrplan-Seite mit vielen Ankern: vertikales Scrollen bleibt Page-
Standard, kein eigener Scroll-Container nötig. Ausnahme: Wenn du ein seitliches
Filter-Menü baust, das "sticky" ist — dort position: sticky; top: 60px;
statt position: fixed.
Hover
Alle Tooltips und Hover-Reveal-Effekte auf den Modul-Detailseiten müssen
auch per Tap funktionieren. Im Design-System ist das für .ggs-card
und Glossar-Tooltips bereits erledigt.
Adaptives Layout
Das Design-System (App/assets/css/design-system.css) hat jetzt Breakpoints
bei 900px und 1200px. Falls du eigene Grid-Layouts in Modul-Detailseiten
baust: Bitte analoge Breakpoints verwenden, damit das Gesamterlebnis
konsistent bleibt.
Interface-Doc erweitert
App/docs/module-interface.md → Abschnitt 4c. Referenzgerät iPad.
Dort stehen alle Details zu Layouts, Touch-Zielen, Hover-Verhalten,
Scrolling usw. Beim Bauen bitte als Checkliste durchgehen.
Bestätigen
- status: gelesen
- Keine Rückmeldung nötig
- Bei Unklarheiten zur Landeinstellung-UI: Frag mich per zentrale-Inbox