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,110 @@
|
||||
<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="32" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
|
||||
CO₂-Fußabdruck in Österreich — 8 Tonnen pro Person pro Jahr
|
||||
</text>
|
||||
<text x="450" y="52" font-size="11" fill="#8a8a8a" text-anchor="middle">
|
||||
Aufgeteilt auf die vier großen Lebensbereiche. Klimaneutral wären unter 1 t.
|
||||
</text>
|
||||
|
||||
<!-- Vier Säulen, jede 2 t CO₂ = Höhe 140 px. 1t = 70 px -->
|
||||
<!-- Basis bei y=340 -->
|
||||
<g>
|
||||
<!-- Säule Wohnen (Heizung + Strom) 2 t -->
|
||||
<g transform="translate(165, 340)">
|
||||
<rect x="-55" y="-140" width="110" height="140" fill="#4a7c8a" stroke="#1f4e5a" stroke-width="1"/>
|
||||
<rect x="-55" y="-140" width="110" height="15" fill="#3a6470"/>
|
||||
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
|
||||
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🏠 Wohnen</text>
|
||||
<text y="-115" font-size="9" fill="#dae8ec" text-anchor="middle">Heizung · Strom</text>
|
||||
<text y="-102" font-size="9" fill="#dae8ec" text-anchor="middle">Warmwasser</text>
|
||||
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Wohnen</text>
|
||||
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
|
||||
</g>
|
||||
<!-- Säule Verkehr 2 t -->
|
||||
<g transform="translate(335, 340)">
|
||||
<rect x="-55" y="-140" width="110" height="140" fill="#c85c4a" stroke="#1f4e5a" stroke-width="1"/>
|
||||
<rect x="-55" y="-140" width="110" height="15" fill="#a9443a"/>
|
||||
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
|
||||
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🚗 Verkehr</text>
|
||||
<text y="-115" font-size="9" fill="#f0d0ca" text-anchor="middle">Auto · Flug</text>
|
||||
<text y="-102" font-size="9" fill="#f0d0ca" text-anchor="middle">Pendeln</text>
|
||||
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Verkehr</text>
|
||||
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
|
||||
</g>
|
||||
<!-- Säule Ernährung 2 t -->
|
||||
<g transform="translate(505, 340)">
|
||||
<rect x="-55" y="-140" width="110" height="140" fill="#5a8a5e" stroke="#1f4e5a" stroke-width="1"/>
|
||||
<rect x="-55" y="-140" width="110" height="15" fill="#3a6b3e"/>
|
||||
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
|
||||
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🥩 Ernährung</text>
|
||||
<text y="-115" font-size="9" fill="#dcead0" text-anchor="middle">Fleisch · Milch</text>
|
||||
<text y="-102" font-size="9" fill="#dcead0" text-anchor="middle">Importe</text>
|
||||
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Ernährung</text>
|
||||
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
|
||||
</g>
|
||||
<!-- Säule Konsum 2 t -->
|
||||
<g transform="translate(675, 340)">
|
||||
<rect x="-55" y="-140" width="110" height="140" fill="#e8833a" stroke="#1f4e5a" stroke-width="1"/>
|
||||
<rect x="-55" y="-140" width="110" height="15" fill="#b8641d"/>
|
||||
<text y="-150" font-size="16" font-weight="900" fill="#1f4e5a" text-anchor="middle">2,0 t</text>
|
||||
<text y="-132" font-size="12" font-weight="700" fill="#fff" text-anchor="middle">🛒 Konsum</text>
|
||||
<text y="-115" font-size="9" fill="#f5e0c8" text-anchor="middle">Kleidung</text>
|
||||
<text y="-102" font-size="9" fill="#f5e0c8" text-anchor="middle">Elektronik</text>
|
||||
<text y="14" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Konsum</text>
|
||||
<text y="28" font-size="9" fill="#8a8a8a" text-anchor="middle">25 % Anteil</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Klimaneutralitäts-Linie bei 1 t (= 70 px über Basis) -->
|
||||
<g>
|
||||
<line x1="90" y1="270" x2="750" y2="270" stroke="#3a6b3e" stroke-width="2" stroke-dasharray="6 4"/>
|
||||
<text x="760" y="266" font-size="10" fill="#3a6b3e" font-weight="800">1 t = Klimaneutral-Ziel</text>
|
||||
<text x="760" y="278" font-size="9" fill="#8a8a8a">(pro Person pro Jahr)</text>
|
||||
</g>
|
||||
|
||||
<!-- Summen-Ballon oben -->
|
||||
<g transform="translate(450, 110)">
|
||||
<circle r="42" fill="#c85c4a" stroke="#1f4e5a" stroke-width="1.5"/>
|
||||
<text y="-6" font-size="22" font-weight="900" fill="#fff" text-anchor="middle">8 t</text>
|
||||
<text y="13" font-size="10" font-weight="700" fill="#fff" text-anchor="middle">CO₂ / Jahr</text>
|
||||
<text y="25" font-size="9" fill="#f0d0ca" text-anchor="middle">pro Person</text>
|
||||
</g>
|
||||
|
||||
<!-- X-Achse -->
|
||||
<line x1="90" y1="340" x2="750" y2="340" stroke="#1f4e5a" stroke-width="2"/>
|
||||
|
||||
<!-- Y-Achse mit Tonnen-Markierungen -->
|
||||
<g>
|
||||
<line x1="90" y1="130" x2="90" y2="340" stroke="#1f4e5a" stroke-width="1.5"/>
|
||||
<g font-size="9" fill="#4a4a4a" text-anchor="end">
|
||||
<line x1="86" y1="340" x2="90" y2="340" stroke="#1f4e5a"/><text x="84" y="343">0 t</text>
|
||||
<line x1="86" y1="270" x2="90" y2="270" stroke="#1f4e5a"/><text x="84" y="273">1 t</text>
|
||||
<line x1="86" y1="200" x2="90" y2="200" stroke="#1f4e5a"/><text x="84" y="203">2 t</text>
|
||||
<line x1="86" y1="130" x2="90" y2="130" stroke="#1f4e5a"/><text x="84" y="133">3 t</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Vergleichsbox unten -->
|
||||
<g transform="translate(0, 370)">
|
||||
<rect x="50" y="0" width="800" height="95" rx="8" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
|
||||
<text x="70" y="22" font-size="11" fill="#1f4e5a" font-weight="800">So viel CO₂ ist das konkret:</text>
|
||||
|
||||
<text x="70" y="45" font-size="10" fill="#4a4a4a">🚗 Ein Jahr Auto (10.000 km):</text>
|
||||
<text x="270" y="45" font-size="10" fill="#c85c4a" font-weight="700">1,6 t CO₂</text>
|
||||
|
||||
<text x="400" y="45" font-size="10" fill="#4a4a4a">✈ Flug Wien–Bali + zurück:</text>
|
||||
<text x="580" y="45" font-size="10" fill="#c85c4a" font-weight="700">3,5 t CO₂</text>
|
||||
|
||||
<text x="70" y="63" font-size="10" fill="#4a4a4a">🍖 Ein Jahr Fleisch essen:</text>
|
||||
<text x="270" y="63" font-size="10" fill="#c85c4a" font-weight="700">1,2 t CO₂</text>
|
||||
|
||||
<text x="400" y="63" font-size="10" fill="#4a4a4a">🥗 Ein Jahr vegan statt Fleisch:</text>
|
||||
<text x="580" y="63" font-size="10" fill="#5a8a5e" font-weight="700">−0,7 t CO₂</text>
|
||||
|
||||
<text x="70" y="81" font-size="10" fill="#4a4a4a">🏭 Welt-Durchschnitt pro Kopf:</text>
|
||||
<text x="270" y="81" font-size="10" fill="#4a7c8a" font-weight="700">4,7 t CO₂</text>
|
||||
|
||||
<text x="400" y="81" font-size="10" fill="#4a4a4a">🇺🇸 USA: 14 t · 🇮🇳 Indien: 1,9 t · 🌍 Klima-Ziel:</text>
|
||||
<text x="650" y="81" font-size="10" fill="#5a8a5e" font-weight="700">unter 1 t</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.7 KiB |
Reference in New Issue
Block a user