Adminator
dfb9e80664
- engine.js als headless Single Source of Truth (KlimaEngine) - game-2d.html nutzt engine (-515 Zeilen Duplikation) - rising-pressure.mp3 als Drama-Slot, Auto-Switch bei kritischem State - state.animMs: alle Animationen bei Pause eingefroren, Speed skaliert - Pro-Haus-Schornstein-Abbau je nach Erneuerbaren-Anteil - Bugfix: Bürger-Dialog überlebt Refresh via pendingCitizenEventId - Toast-Viewport volle Canvas-Breite, Musik-Default 22 % - _status.md Konvention eingeführt, Inbox-Nachrichten erhalten
117 lines
5.3 KiB
Markdown
117 lines
5.3 KiB
Markdown
---
|
||
von: glossar
|
||
an: zentrale
|
||
datum: 2026-04-17 11:00
|
||
status: neu
|
||
betrifft: Erste 20 Klimabegriffe + Übersichtsseite + 6 SVG-Grafiken fertig
|
||
---
|
||
|
||
# Glossar: Erste Ausbaustufe fertig — bitte Review
|
||
|
||
Die erste Ausbaustufe des Glossars ist abgeschlossen und produktionsbereit. Stand
|
||
jetzt: **25 Begriffe** insgesamt (5 bereits vorhandene + 20 neu angelegte), davon
|
||
**7 mit SVG-Vergleichsgrafiken**.
|
||
|
||
## 1. Übersichtsseite
|
||
|
||
**Datei:** `App/pages/glossar.php` (vollständig umgebaut — die bisherige
|
||
Detail-Only-Variante wurde erweitert, nicht ersetzt; Tooltip-Links aus den
|
||
Simulationen via `?term=XXX` funktionieren weiter).
|
||
|
||
**URL lokal:** http://localhost/geograsim/App/pages/glossar.php
|
||
|
||
Features:
|
||
- Hero mit Live-Statistik (Anzahl Begriffe, Anzahl Grafiken, 4 Simulationen)
|
||
- Suchfeld (sucht in Titel, Kurzdefinition, Key)
|
||
- Filter-Chips: Alle / 🌍 Klima / 🏞️ Fluss / 🚁 Heli / 🏙️ Stadt / Kategorien
|
||
- Grid mit Begriffs-Cards (Bild oder Emoji-Fallback + Titel + Kurzdef + Modul-Icons)
|
||
- Detail-Modal mit: Bild, Kategorie-Chip, Titel, Kurzdef, Modul-Zuordnungen,
|
||
Vergleichsgrafik, Text, Einheit, Beispiele, Links, Related-Begriffe
|
||
- Deep-Links: `?term=co2` öffnet Detail direkt (für Sim-Tooltips)
|
||
- Deep-Links: `?module=klima` öffnet gefilterten Grid
|
||
- ESC und Backdrop-Klick schließen das Modal
|
||
- History-API: Back-Button funktioniert, Related-Klicks navigieren sauber
|
||
- Nutzt durchgehend `--ggs-*`-Variablen aus `design-system.css`
|
||
- Responsive bis Smartphone
|
||
|
||
## 2. Neue Begriffe (20 Stück)
|
||
|
||
Alle im Klimawandel-Bereich wie gewünscht:
|
||
|
||
| Key | Titel | SVG |
|
||
|-----|-------|-----|
|
||
| treibhauseffekt | Treibhauseffekt | ✓ |
|
||
| klimawandel | Klimawandel | — |
|
||
| klimaneutralitaet | Klimaneutralität | — |
|
||
| erneuerbare-energie | Erneuerbare Energie | — |
|
||
| fossile-brennstoffe | Fossile Brennstoffe | ✓ |
|
||
| emissionen | Emissionen | — |
|
||
| photovoltaik | Photovoltaik (PV) | — |
|
||
| windenergie | Windenergie | ✓ |
|
||
| wasserkraft | Wasserkraft | — |
|
||
| biodiversitaet | Biodiversität | — |
|
||
| nachhaltigkeit | Nachhaltigkeit | — |
|
||
| methan | Methan (CH₄) | — |
|
||
| kohlenstoffkreislauf | Kohlenstoffkreislauf | — |
|
||
| albedo | Albedo | ✓ |
|
||
| kipppunkt | Kipppunkt | — |
|
||
| co2-fussabdruck | CO₂-Fußabdruck | ✓ |
|
||
| pariser-abkommen | Pariser Klimaabkommen | — |
|
||
| permafrost | Permafrost | — |
|
||
| energiemix | Energiemix | — |
|
||
| kilowattstunde | Kilowattstunde (kWh) | ✓ |
|
||
|
||
Jeder Eintrag: Kurzdefinition (1 Satz, Tooltip-tauglich), ausführlicher Text
|
||
(3–5 Sätze), 3–5 konkrete Zahlen-Vergleiche, Wikipedia + AT-spezifische Links,
|
||
Related-Begriffe. Alle Umlaute korrekt — PHP/PDO mit utf8mb4, wie gefordert.
|
||
|
||
Gesamtbilanz DB: 25 Einträge · 104 Beispiele · 86 Related-Verknüpfungen ·
|
||
45 Links · 52 Modul-Zuordnungen.
|
||
|
||
## 3. SVG-Vergleichsgrafiken (6 neu)
|
||
|
||
In `App/assets/img/glossar/`:
|
||
|
||
- **treibhauseffekt.svg** — Sonne/Atmosphäre/Erde mit farbcodierten Strahlen,
|
||
Moleküle, Vergleichsbox (ohne THE −18 °C, mit +15 °C, Venus +465 °C)
|
||
- **kwh-vergleich.svg** — 1 kWh in der Mitte, 6 konkrete Entsprechungen drumherum
|
||
(Wäsche, 7 h TV, 7 km E-Auto, 65× Smartphone laden, 30 min Kochplatte, 90 Espressi)
|
||
- **fossile-brennstoffe-zeit.svg** — Zeitachse Erdgeschichte mit Karbon-Markierung,
|
||
Schema „Pflanzen → Kohle → Verbrennung → CO₂", Ungleichgewichtspfeil
|
||
- **windrad-groessenvergleich.svg** — Höhen-Maßstab: Mensch → Haus → Baum →
|
||
Kirchturm → altes Windrad → DC Tower → modernes 240-m-Windrad
|
||
- **co2-fussabdruck.svg** — Vier Säulen à 2 t (Wohnen/Verkehr/Ernährung/Konsum),
|
||
Klimaneutralitäts-Linie bei 1 t, Vergleichsbox mit Flug, Auto, vegane Ernährung
|
||
- **albedo-vergleich.svg** — 5 Oberflächen (Schnee 0,85 / Sand 0,35 / Wald 0,12 /
|
||
Ozean 0,06 / Asphalt 0,05) mit Strahlen-Schema + Erklärung Eis-Albedo-Rückkopplung
|
||
|
||
Flat Scandinavian Style durchgehend: #4a7c8a (teal), #5a8a5e (sage), #e8d5b5
|
||
(sand), #c85c4a (coral), #e8833a (orange), #1f4e5a (fjord-dark) — alle sind
|
||
Design-System-Farben. Inter-Font, geometrische Formen, keine Verzerrung.
|
||
|
||
## 4. Tools hinterlassen
|
||
|
||
- `App/php/seed_glossar_klima.php` — idempotentes Upsert-Script für die 20
|
||
Einträge. Kann erneut laufen, um Texte zu aktualisieren, ohne Duplikate.
|
||
Aufruf: `c:\xampp\php\php.exe App/php/seed_glossar_klima.php`
|
||
|
||
## 5. Offene Punkte / nächste Runden
|
||
|
||
- Weitere Begriffs-Bereiche: Fluss (Hochwasser, Retention, Einzugsgebiet …),
|
||
Stadt (Zersiedelung, Verdichtung, Infrastruktur …), Heli (Koordinaten, Navi,
|
||
Wetter …), Erdbeben (Magnitude, Epizentrum …), Regenwald (Rodung, Photosynthese …).
|
||
- Offene SVGs in der Pipeline wenn gewünscht: Methan-GWP-Vergleich,
|
||
CO₂-Konzentrationskurve, Erdölbildung-Detail, Solarzellen-Wirkungsgrad.
|
||
- Habe bewusst die `App/assets/img/glossar/` als Primärquelle genutzt und keine
|
||
Module angefasst. Tooltip-Integration in Sims liegt dort weiterhin (`?term=…`).
|
||
|
||
## Bitte prüfen und Feedback geben
|
||
|
||
Lokal sichtbar unter:
|
||
- Übersicht: http://localhost/geograsim/App/pages/glossar.php
|
||
- Einzeln (Detail-Modal öffnet direkt): http://localhost/geograsim/App/pages/glossar.php?term=treibhauseffekt
|
||
- API: http://localhost/geograsim/App/php/api/glossar.php
|
||
|
||
Wenn Thomas und die Zentrale das Review machen, passe ich den nächsten Schwung
|
||
Begriffe entsprechend an oder ziehe die Abdeckung auf andere Bereiche aus.
|