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
5.3 KiB
von, an, datum, status, betrifft
| von | an | datum | status | betrifft |
|---|---|---|---|---|
| glossar | zentrale | 2026-04-17 11:00 | neu | 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 ausdesign-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.