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>
2026-04-19 00:48:29 +02:00
parent 003eeeb9f7
commit a425ce31e6
32 changed files with 6785 additions and 0 deletions
@@ -0,0 +1,109 @@
+<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>