Adminator
a425ce31e6
- 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>
134 lines
6.7 KiB
XML
134 lines
6.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 500" font-family="Inter, system-ui, sans-serif" width="900" height="500">
|
|
<defs>
|
|
<marker id="fs-arr-in" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
|
|
<path d="M 0 0 L 10 5 L 0 10 z" fill="#4a7c8a"/>
|
|
</marker>
|
|
<marker id="fs-arr-out" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
|
|
<path d="M 0 0 L 10 5 L 0 10 z" fill="#3a6b3e"/>
|
|
</marker>
|
|
<marker id="fs-arr-light" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto">
|
|
<path d="M 0 0 L 10 5 L 0 10 z" fill="#e8833a"/>
|
|
</marker>
|
|
<linearGradient id="fs-leaf" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#5a8a5e"/>
|
|
<stop offset="1" stop-color="#3a6b3e"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
|
|
Fotosynthese — wie Pflanzen aus Licht Nahrung machen
|
|
</text>
|
|
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
|
|
Grundlage aller Nahrungsketten · produziert den Sauerstoff unserer Atmosphäre
|
|
</text>
|
|
|
|
<!-- Sonne oben links -->
|
|
<g>
|
|
<circle cx="130" cy="130" r="38" fill="#f4c94e"/>
|
|
<g stroke="#f4c94e" stroke-width="2">
|
|
<line x1="130" y1="75" x2="130" y2="60"/>
|
|
<line x1="130" y1="185" x2="130" y2="200"/>
|
|
<line x1="75" y1="130" x2="60" y2="130"/>
|
|
<line x1="185" y1="130" x2="200" y2="130"/>
|
|
<line x1="95" y1="95" x2="82" y2="82"/>
|
|
<line x1="165" y1="95" x2="178" y2="82"/>
|
|
<line x1="95" y1="165" x2="82" y2="178"/>
|
|
<line x1="165" y1="165" x2="178" y2="178"/>
|
|
</g>
|
|
<text x="130" y="135" font-size="22" text-anchor="middle">☀</text>
|
|
<text x="130" y="220" font-size="12" font-weight="700" fill="#e8833a" text-anchor="middle">Sonnenlicht</text>
|
|
</g>
|
|
|
|
<!-- Lichtstrahl zum Blatt -->
|
|
<line x1="165" y1="160" x2="360" y2="260" stroke="#e8833a" stroke-width="2.5" marker-end="url(#fs-arr-light)"/>
|
|
|
|
<!-- CO₂-Moleküle links unten -->
|
|
<g transform="translate(90,340)">
|
|
<text x="0" y="-30" font-size="12" font-weight="700" fill="#4a7c8a">CO₂ aus der Luft</text>
|
|
<g>
|
|
<circle cx="0" cy="0" r="14" fill="#c85c4a"/>
|
|
<text x="0" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">CO₂</text>
|
|
</g>
|
|
<g transform="translate(40,15)">
|
|
<circle cx="0" cy="0" r="14" fill="#c85c4a"/>
|
|
<text x="0" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">CO₂</text>
|
|
</g>
|
|
<g transform="translate(5,40)">
|
|
<circle cx="0" cy="0" r="14" fill="#c85c4a"/>
|
|
<text x="0" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">CO₂</text>
|
|
</g>
|
|
</g>
|
|
<line x1="155" y1="340" x2="330" y2="290" stroke="#4a7c8a" stroke-width="2" marker-end="url(#fs-arr-in)"/>
|
|
|
|
<!-- H₂O-Moleküle unten -->
|
|
<g transform="translate(200,430)">
|
|
<text x="0" y="-20" font-size="12" font-weight="700" fill="#4a7c8a">H₂O aus dem Boden</text>
|
|
<g>
|
|
<circle cx="0" cy="0" r="14" fill="#4a7c8a"/>
|
|
<text x="0" y="4" font-size="9" font-weight="800" fill="#fff" text-anchor="middle">H₂O</text>
|
|
</g>
|
|
<g transform="translate(35,10)">
|
|
<circle cx="0" cy="0" r="14" fill="#4a7c8a"/>
|
|
<text x="0" y="4" font-size="9" font-weight="800" fill="#fff" text-anchor="middle">H₂O</text>
|
|
</g>
|
|
</g>
|
|
<line x1="250" y1="410" x2="390" y2="330" stroke="#4a7c8a" stroke-width="2" marker-end="url(#fs-arr-in)"/>
|
|
|
|
<!-- ZENTRUM: Blatt/Pflanze -->
|
|
<g transform="translate(450,280)">
|
|
<!-- Blattform -->
|
|
<path d="M 0 -80 Q 80 -70 90 0 Q 80 70 0 80 Q -80 70 -90 0 Q -80 -70 0 -80 Z" fill="url(#fs-leaf)"/>
|
|
<!-- Blattader -->
|
|
<line x1="0" y1="-80" x2="0" y2="80" stroke="#1f4e5a" stroke-width="1.5" opacity=".5"/>
|
|
<g stroke="#1f4e5a" stroke-width=".8" opacity=".4">
|
|
<path d="M 0 -60 Q 30 -55 50 -30" fill="none"/>
|
|
<path d="M 0 -30 Q 40 -25 60 0" fill="none"/>
|
|
<path d="M 0 0 Q 40 5 60 30" fill="none"/>
|
|
<path d="M 0 30 Q 30 35 50 55" fill="none"/>
|
|
<path d="M 0 -60 Q -30 -55 -50 -30" fill="none"/>
|
|
<path d="M 0 -30 Q -40 -25 -60 0" fill="none"/>
|
|
<path d="M 0 0 Q -40 5 -60 30" fill="none"/>
|
|
<path d="M 0 30 Q -30 35 -50 55" fill="none"/>
|
|
</g>
|
|
<text y="5" font-size="16" font-weight="900" fill="#fff" text-anchor="middle">Chloroplast</text>
|
|
</g>
|
|
|
|
<!-- Reaktionsformel darunter -->
|
|
<g transform="translate(450,410)">
|
|
<rect x="-220" y="-20" width="440" height="44" rx="6" fill="#fff" stroke="#dae8ec"/>
|
|
<text y="3" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">6 CO₂ + 6 H₂O + Licht → C₆H₁₂O₆ + 6 O₂</text>
|
|
<text y="18" font-size="10" fill="#8a8a8a" text-anchor="middle">Kohlenstoffdioxid + Wasser + Sonnenenergie werden zu Zucker (Glukose) + Sauerstoff</text>
|
|
</g>
|
|
|
|
<!-- O₂ rechts oben raus -->
|
|
<line x1="540" y1="240" x2="760" y2="170" stroke="#3a6b3e" stroke-width="2.5" marker-end="url(#fs-arr-out)"/>
|
|
<g transform="translate(780,160)">
|
|
<text x="0" y="-20" font-size="12" font-weight="700" fill="#3a6b3e" text-anchor="middle">Sauerstoff O₂</text>
|
|
<g>
|
|
<circle cx="-25" cy="0" r="14" fill="#5a8a5e"/>
|
|
<text x="-25" y="4" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">O₂</text>
|
|
</g>
|
|
<g>
|
|
<circle cx="15" cy="10" r="14" fill="#5a8a5e"/>
|
|
<text x="15" y="14" font-size="10" font-weight="800" fill="#fff" text-anchor="middle">O₂</text>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Glukose als Zucker-Icon rechts mitte -->
|
|
<line x1="540" y1="310" x2="760" y2="360" stroke="#e8833a" stroke-width="2.5" marker-end="url(#fs-arr-out)"/>
|
|
<g transform="translate(800,370)">
|
|
<text x="0" y="-20" font-size="12" font-weight="700" fill="#c4a97a" text-anchor="middle">Zucker</text>
|
|
<rect x="-30" y="-10" width="60" height="30" rx="4" fill="#e8d5b5" stroke="#c4a97a"/>
|
|
<text x="0" y="10" font-size="11" font-weight="800" fill="#8a6a2a" text-anchor="middle">C₆H₁₂O₆</text>
|
|
</g>
|
|
|
|
<!-- Footer Fakten -->
|
|
<g transform="translate(50,450)">
|
|
<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">Pro Jahr weltweit:</text>
|
|
<text x="130" y="16" font-size="10" fill="#4a4a4a">Landpflanzen binden ≈ 120 Gt Kohlenstoff · Phytoplankton im Meer liefert rund die Hälfte des Luft-Sauerstoffs.</text>
|
|
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quelle:</text>
|
|
<text x="65" y="32" font-size="10" fill="#4a4a4a">IPCC AR6 WG1, Kap. 5 · Campbell / Reece, Biology 11e · Friedlingstein et al. 2023 (Global Carbon Budget)</text>
|
|
</g>
|
|
</svg>
|