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>
110 lines
6.1 KiB
XML
110 lines
6.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 480" font-family="Inter, system-ui, sans-serif" width="900" height="480">
|
||
<defs>
|
||
<marker id="pv-arr" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
|
||
<path d="M 0 0 L 10 5 L 0 10 z" fill="#e8833a"/>
|
||
</marker>
|
||
<marker id="pv-e" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto">
|
||
<path d="M 0 0 L 10 5 L 0 10 z" fill="#4a7c8a"/>
|
||
</marker>
|
||
</defs>
|
||
|
||
<text x="450" y="30" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
|
||
Photovoltaik — Sonnenlicht wird direkt in Strom verwandelt
|
||
</text>
|
||
<text x="450" y="50" font-size="11" fill="#8a8a8a" text-anchor="middle">
|
||
Aufbau einer Silizium-Solarzelle · Wirkungsgrad heutiger Module 20–23 %
|
||
</text>
|
||
|
||
<!-- LINKS: Solarzellen-Querschnitt -->
|
||
<g transform="translate(60,100)">
|
||
<text x="180" y="0" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">So funktioniert eine Solarzelle</text>
|
||
|
||
<!-- Sonne + Lichtstrahlen -->
|
||
<circle cx="40" cy="40" r="22" fill="#f4c94e"/>
|
||
<text x="40" y="46" font-size="14" font-weight="900" fill="#1f4e5a" text-anchor="middle">☀</text>
|
||
<g stroke="#e8833a" stroke-width="2" fill="none" marker-end="url(#pv-arr)">
|
||
<line x1="70" y1="55" x2="130" y2="120"/>
|
||
<line x1="90" y1="55" x2="170" y2="120"/>
|
||
<line x1="110" y1="55" x2="210" y2="120"/>
|
||
<line x1="130" y1="55" x2="250" y2="120"/>
|
||
<line x1="150" y1="55" x2="290" y2="120"/>
|
||
</g>
|
||
|
||
<!-- Zell-Querschnitt -->
|
||
<rect x="80" y="125" width="260" height="12" fill="#8a8a8a"/>
|
||
<text x="350" y="134" font-size="9" fill="#8a8a8a">Anti-Reflex-Schicht</text>
|
||
<rect x="80" y="137" width="260" height="26" fill="#4a7c8a"/>
|
||
<text x="350" y="155" font-size="9" fill="#4a7c8a" font-weight="700">n-Silizium</text>
|
||
<rect x="80" y="163" width="260" height="26" fill="#3a6470"/>
|
||
<text x="350" y="181" font-size="9" fill="#3a6470" font-weight="700">p-Silizium</text>
|
||
<rect x="80" y="189" width="260" height="10" fill="#1a1a1a"/>
|
||
<text x="350" y="198" font-size="9" fill="#1a1a1a">Rück-Kontakt</text>
|
||
|
||
<!-- Übergangslinie markieren -->
|
||
<line x1="80" y1="163" x2="340" y2="163" stroke="#c85c4a" stroke-width="1" stroke-dasharray="3 2"/>
|
||
<text x="210" y="178" font-size="9" font-weight="700" fill="#c85c4a" text-anchor="middle">p-n-Übergang</text>
|
||
|
||
<!-- Elektronen-Pfeil -->
|
||
<path d="M 210 150 L 210 220 L 20 220 L 20 150" stroke="#4a7c8a" stroke-width="2" fill="none" marker-end="url(#pv-e)"/>
|
||
<circle cx="20" cy="180" r="8" fill="#4a7c8a"/>
|
||
<text x="20" y="184" font-size="11" font-weight="900" fill="#fff" text-anchor="middle">e⁻</text>
|
||
<text x="10" y="258" font-size="10" fill="#4a7c8a" font-weight="700">Elektronen fließen</text>
|
||
<text x="10" y="271" font-size="10" fill="#4a7c8a" font-weight="700">als Strom</text>
|
||
|
||
<!-- Lampe anschließen -->
|
||
<circle cx="210" cy="260" r="18" fill="none" stroke="#c4a97a" stroke-width="2"/>
|
||
<line x1="210" y1="248" x2="210" y2="254" stroke="#1f4e5a" stroke-width="1"/>
|
||
<path d="M 200 258 L 220 258" stroke="#1f4e5a" stroke-width="1" fill="none"/>
|
||
<circle cx="210" cy="260" r="6" fill="#f4c94e"/>
|
||
<text x="210" y="293" font-size="9" fill="#8a8a8a" text-anchor="middle">Verbraucher</text>
|
||
</g>
|
||
|
||
<!-- RECHTS: Ertrag-Vergleich -->
|
||
<g transform="translate(520,100)">
|
||
<text x="160" y="0" font-size="14" font-weight="800" fill="#1f4e5a" text-anchor="middle">Was liefert 1 m² Dachfläche?</text>
|
||
<text x="160" y="15" font-size="10" fill="#8a8a8a" text-anchor="middle">in Österreich, nach Süden ausgerichtet</text>
|
||
|
||
<!-- Haus mit Solardach -->
|
||
<g transform="translate(20,40)">
|
||
<rect x="0" y="60" width="100" height="60" fill="#e8d5b5" stroke="#1f4e5a" stroke-width="1"/>
|
||
<polygon points="-6,60 50,15 106,60" fill="#4a7c8a" stroke="#1f4e5a" stroke-width="1"/>
|
||
<!-- PV-Module -->
|
||
<g>
|
||
<rect x="8" y="21" width="18" height="22" fill="#1f4e5a" stroke="#4a7c8a" stroke-width=".5" transform="skewX(-38)"/>
|
||
<rect x="30" y="21" width="18" height="22" fill="#1f4e5a" stroke="#4a7c8a" stroke-width=".5" transform="skewX(-38)"/>
|
||
<rect x="52" y="21" width="18" height="22" fill="#1f4e5a" stroke="#4a7c8a" stroke-width=".5" transform="skewX(-38)"/>
|
||
</g>
|
||
<rect x="45" y="85" width="12" height="25" fill="#6b4a2e"/>
|
||
<text x="50" y="145" font-size="10" fill="#1f4e5a" font-weight="700" text-anchor="middle">1 m² PV</text>
|
||
</g>
|
||
|
||
<!-- Ergebnis -->
|
||
<g transform="translate(160,40)">
|
||
<rect x="0" y="30" width="160" height="80" rx="6" fill="#f4c94e"/>
|
||
<text x="80" y="58" font-size="22" font-weight="900" fill="#1f4e5a" text-anchor="middle">≈ 170</text>
|
||
<text x="80" y="78" font-size="12" font-weight="800" fill="#1f4e5a" text-anchor="middle">kWh pro Jahr</text>
|
||
<text x="80" y="100" font-size="10" fill="#1f4e5a" text-anchor="middle">(Jahresertrag je m²)</text>
|
||
</g>
|
||
|
||
<!-- Vergleich Waschmaschinen -->
|
||
<g transform="translate(0,200)">
|
||
<text x="160" y="0" font-size="11" font-weight="700" fill="#1f4e5a" text-anchor="middle">Das reicht für …</text>
|
||
<g transform="translate(10,15)" font-size="11">
|
||
<text y="18">🧺 170 × Waschmaschine</text>
|
||
<text y="38">📺 1.200 Stunden Fernsehen</text>
|
||
<text y="58">🚗 1.200 km im Elektroauto</text>
|
||
<text y="78">💡 17.000 h mit einer 10-W-LED-Lampe</text>
|
||
</g>
|
||
</g>
|
||
</g>
|
||
|
||
<!-- Footer Quellen -->
|
||
<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">AT 2024:</text>
|
||
<text x="75" y="16" font-size="10" fill="#4a4a4a">ca. 6.400 MWp installiert — das entspricht rund 64 km² Modulfläche.</text>
|
||
<text x="12" y="32" font-size="10" font-weight="800" fill="#1f4e5a">Quellen:</text>
|
||
<text x="75" y="32" font-size="10" fill="#4a4a4a">Fraunhofer ISE, Photovoltaics Report 2024 · PV Austria, Marktbericht 2024</text>
|
||
</g>
|
||
</svg>
|