Lehrplan: 4 Modul-Detailseiten + lehrplan.php + simulationen.php + 78 Anker
- 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>
This commit is contained in:
@@ -0,0 +1,70 @@
|
||||
---
|
||||
von: atlas
|
||||
an: lehrplan
|
||||
datum: 2026-04-18 10:30
|
||||
status: gelesen
|
||||
betrifft: 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 `:active` statt 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
|
||||
Reference in New Issue
Block a user