Glossar: Komplettpaket (28 Eintraege, 19 SVGs, 5 DALL-E-Bilder, iPad, Experimente)
- Mindmap mit Force-directed Layout (pages/mindmap.php) + Cross-Links - 28 Eintraege im Fachartikel-Stil mit 113 Quellen + Inline-Referenzen [^n] - Leichte-Sprache-Version fuer alle 28 Eintraege (short_easy, text_easy, examples.text_easy) - 19 Infografiken (12 neu): co2-Keeling, klimawandel-Temp, kohlenstoff-Kreislauf, fotosynthese, energiemix-AT, methan-GWP, photovoltaik, wasserkraft, kipppunkt, biodiversitaet-LPI, permafrost, treibhausgas-GWP + bestehende (treibhauseffekt, ppm, windrad, albedo, fossile, kwh, co2-fussabdruck) - 5 DALL-E-Reprasentationsbilder im Querformat (nachhaltigkeit, klimaneutralitaet, erneuerbare-energie, emissionen, pariser-abkommen) - Alphabetische Sprungnavigation A-Z mit Buchstabenbannern - Lightbox-Vollbild auf allen Infografiken mit expliziten SVG-Dimensionen (Safari/iPad-Fix) - Easy-Sprache-Toggle pro Card mit localStorage-Persistenz - 4 interaktive Experimente: kWh-Rennen, ppm-Finder, albedo-Slider, CO2-Fussabdruck-Rechner - iPad-Optimierung: Touch-Ziele >=38px, Hover in @media (hover), touch-action - Modul-Metadaten aus DB-Tabelle module_info (keine Hardcodes) - Cache-Buster auf JS-Asset - Schema-Erweiterung: glossar_sources, examples.text_easy Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,125 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
|
||||
<text x="450" y="28" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
|
||||
Kipppunkt — wenn eine Veränderung nicht mehr umzudrehen ist
|
||||
</text>
|
||||
<text x="450" y="46" font-size="11" fill="#8a8a8a" text-anchor="middle">
|
||||
Didaktische Metapher + 8 der 16 bekannten Kippelemente im Klimasystem
|
||||
</text>
|
||||
|
||||
<!-- LINKS: Tisch-Metapher in drei Phasen -->
|
||||
<g transform="translate(30,90)">
|
||||
<text x="180" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">So funktioniert ein Kipppunkt</text>
|
||||
|
||||
<!-- Phase 1 -->
|
||||
<g transform="translate(0,20)">
|
||||
<rect x="0" y="80" width="100" height="6" fill="#8a8a8a"/>
|
||||
<rect x="5" y="86" width="4" height="30" fill="#8a8a8a"/>
|
||||
<rect x="91" y="86" width="4" height="30" fill="#8a8a8a"/>
|
||||
<circle cx="30" cy="72" r="10" fill="#5a8a5e"/>
|
||||
<text x="50" y="135" font-size="10" font-weight="700" fill="#3a6b3e" text-anchor="middle">1. Stabil</text>
|
||||
<text x="50" y="148" font-size="9" fill="#8a8a8a" text-anchor="middle">kleine Störungen</text>
|
||||
<text x="50" y="159" font-size="9" fill="#8a8a8a" text-anchor="middle">schieben zurück</text>
|
||||
</g>
|
||||
|
||||
<!-- Phase 2 -->
|
||||
<g transform="translate(120,20)">
|
||||
<rect x="0" y="80" width="100" height="6" fill="#8a8a8a"/>
|
||||
<rect x="5" y="86" width="4" height="30" fill="#8a8a8a"/>
|
||||
<rect x="91" y="86" width="4" height="30" fill="#8a8a8a"/>
|
||||
<circle cx="88" cy="72" r="10" fill="#e8833a"/>
|
||||
<text x="88" y="55" font-size="14" font-weight="900" fill="#e8833a" text-anchor="middle">⚠</text>
|
||||
<text x="50" y="135" font-size="10" font-weight="700" fill="#e8833a" text-anchor="middle">2. Am Rand</text>
|
||||
<text x="50" y="148" font-size="9" fill="#8a8a8a" text-anchor="middle">kritische Schwelle</text>
|
||||
<text x="50" y="159" font-size="9" fill="#8a8a8a" text-anchor="middle">fast erreicht</text>
|
||||
</g>
|
||||
|
||||
<!-- Phase 3 -->
|
||||
<g transform="translate(240,20)">
|
||||
<rect x="0" y="80" width="100" height="6" fill="#8a8a8a"/>
|
||||
<rect x="5" y="86" width="4" height="30" fill="#8a8a8a"/>
|
||||
<rect x="91" y="86" width="4" height="30" fill="#8a8a8a"/>
|
||||
<circle cx="115" cy="130" r="10" fill="#c85c4a"/>
|
||||
<!-- Fallbahn -->
|
||||
<path d="M 95 75 Q 110 105 115 120" stroke="#c85c4a" stroke-width="1.2" fill="none" stroke-dasharray="3 2"/>
|
||||
<text x="50" y="135" font-size="10" font-weight="700" fill="#c85c4a" text-anchor="middle">3. Gekippt</text>
|
||||
<text x="50" y="148" font-size="9" fill="#8a8a8a" text-anchor="middle">unumkehrbar —</text>
|
||||
<text x="50" y="159" font-size="9" fill="#8a8a8a" text-anchor="middle">neuer Zustand</text>
|
||||
</g>
|
||||
|
||||
<!-- Erklärung unten -->
|
||||
<g transform="translate(0,200)">
|
||||
<rect x="0" y="0" width="360" height="62" rx="4" fill="#fff" stroke="#dae8ec"/>
|
||||
<text x="10" y="17" font-size="10" font-weight="800" fill="#1f4e5a">Übertragen aufs Klimasystem:</text>
|
||||
<text x="10" y="32" font-size="10" fill="#4a4a4a">Steigt die globale Temperatur über eine kritische</text>
|
||||
<text x="10" y="44" font-size="10" fill="#4a4a4a">Schwelle, verändert sich ein Teil der Erde</text>
|
||||
<text x="10" y="56" font-size="10" fill="#4a4a4a">selbstverstärkend — auch ohne weitere Erwärmung.</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- RECHTS: Kippelemente-Liste auf stilisierter Welt -->
|
||||
<g transform="translate(430,80)">
|
||||
<text x="220" y="0" font-size="13" font-weight="800" fill="#1f4e5a" text-anchor="middle">16 Kippelemente — ab welcher Erwärmung kritisch</text>
|
||||
|
||||
<!-- Vereinfachte Weltkarte als farbiger Hintergrund (Ellipsen statt Kontinente) -->
|
||||
<g transform="translate(0,20)">
|
||||
<rect x="0" y="0" width="440" height="180" rx="6" fill="#eff5f6"/>
|
||||
|
||||
<!-- Grönland -->
|
||||
<ellipse cx="205" cy="40" rx="18" ry="22" fill="#dae8ec" stroke="#4a7c8a" stroke-width=".5"/>
|
||||
<circle cx="205" cy="40" r="6" fill="#c85c4a"/>
|
||||
<text x="205" y="22" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">Grönland-Eisschild</text>
|
||||
<text x="205" y="78" font-size="9" fill="#c85c4a" text-anchor="middle">ab 1,5 °C</text>
|
||||
|
||||
<!-- West-Antarktis -->
|
||||
<ellipse cx="220" cy="160" rx="42" ry="12" fill="#dae8ec" stroke="#4a7c8a" stroke-width=".5"/>
|
||||
<circle cx="200" cy="160" r="5" fill="#c85c4a"/>
|
||||
<text x="220" y="176" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">West-Antarktis · ab 1,5 °C</text>
|
||||
|
||||
<!-- AMOC Nordatlantik -->
|
||||
<circle cx="170" cy="60" r="5" fill="#e8833a"/>
|
||||
<text x="110" y="58" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">AMOC-Umwälzung</text>
|
||||
<text x="110" y="69" font-size="9" fill="#e8833a" text-anchor="middle">1,4 – 8 °C</text>
|
||||
|
||||
<!-- Permafrost Sibirien -->
|
||||
<circle cx="310" cy="50" r="5" fill="#e8833a"/>
|
||||
<text x="360" y="48" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">Permafrost</text>
|
||||
<text x="360" y="59" font-size="9" fill="#e8833a" text-anchor="middle">1,0 – 2,3 °C</text>
|
||||
|
||||
<!-- Amazonas -->
|
||||
<circle cx="160" cy="110" r="5" fill="#c85c4a"/>
|
||||
<text x="100" y="108" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">Amazonas-Regenwald</text>
|
||||
<text x="100" y="119" font-size="9" fill="#c85c4a" text-anchor="middle">3,5 °C</text>
|
||||
|
||||
<!-- Korallenriffe trop. -->
|
||||
<circle cx="330" cy="105" r="5" fill="#c85c4a"/>
|
||||
<text x="385" y="103" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">Korallenriffe</text>
|
||||
<text x="385" y="114" font-size="9" fill="#c85c4a" text-anchor="middle">1,0 – 1,5 °C</text>
|
||||
|
||||
<!-- Boreale Wälder -->
|
||||
<circle cx="290" cy="75" r="5" fill="#e8833a"/>
|
||||
<text x="345" y="75" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">Boreale Wälder</text>
|
||||
<text x="345" y="86" font-size="9" fill="#e8833a" text-anchor="middle">1,5 – 5 °C</text>
|
||||
|
||||
<!-- Westafrik. Monsun -->
|
||||
<circle cx="225" cy="120" r="5" fill="#e8833a"/>
|
||||
<text x="220" y="140" font-size="9" font-weight="700" fill="#e8833a" text-anchor="middle">Sahel-Monsun</text>
|
||||
<text x="220" y="151" font-size="9" fill="#e8833a" text-anchor="middle">2,0 – 3,5 °C</text>
|
||||
</g>
|
||||
|
||||
<!-- Legende -->
|
||||
<g transform="translate(0,215)">
|
||||
<circle cx="10" cy="6" r="5" fill="#c85c4a"/>
|
||||
<text x="22" y="10" font-size="10" fill="#1f4e5a" font-weight="700">Schwelle liegt nahe am heutigen Erwärmungsniveau (+ 1,2 °C)</text>
|
||||
<circle cx="10" cy="25" r="5" fill="#e8833a"/>
|
||||
<text x="22" y="29" font-size="10" fill="#1f4e5a" font-weight="700">Schwelle bei stärkerer Erwärmung erreichbar</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g transform="translate(50,430)">
|
||||
<rect x="0" y="0" width="800" height="40" rx="4" fill="#fff" stroke="#dae8ec"/>
|
||||
<text x="12" y="16" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
|
||||
<text x="70" y="16" font-size="10" fill="#4a4a4a">Armstrong McKay, D. et al. (2022): Exceeding 1.5 °C global warming could trigger multiple climate tipping points. Science 377, eabn7950.</text>
|
||||
<text x="70" y="32" font-size="10" fill="#4a4a4a">IPCC AR6 WG1 (2021), Kap. 9 · PIK Potsdam-Institut für Klimafolgenforschung.</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.3 KiB |
Reference in New Issue
Block a user