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,149 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 520" font-family="Inter, system-ui, sans-serif" width="900" height="520">
|
||||
<defs>
|
||||
<linearGradient id="wr-sky" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#eff5f6"/>
|
||||
<stop offset="1" stop-color="#dae8ec"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Hintergrund -->
|
||||
<rect x="0" y="40" width="900" height="420" fill="url(#wr-sky)"/>
|
||||
<!-- Boden -->
|
||||
<rect x="0" y="440" width="900" height="20" fill="#5a8a5e"/>
|
||||
<rect x="0" y="460" width="900" height="60" fill="#3a6b3e"/>
|
||||
|
||||
<text x="450" y="26" font-size="16" font-weight="800" fill="#1f4e5a" text-anchor="middle">
|
||||
Wie groß ist ein modernes Windrad wirklich?
|
||||
</text>
|
||||
|
||||
<!-- Vergleichsfiguren. Höhe aus Boden y=440 nach oben berechnet -->
|
||||
<!-- SKALA: 1 m = ca. 1.4 px → Gesamthöhe sichtbar ~280 m -->
|
||||
<!-- Boden = y=440, 1 m = 1.4 px → y = 440 - höhe*1.4 -->
|
||||
|
||||
<!-- 1) Mensch (1,8 m) -->
|
||||
<g transform="translate(80, 437.5)">
|
||||
<!-- Kopf+Körper Kompakt bei dieser Skala -->
|
||||
<circle cx="0" cy="-2" r=".8" fill="#1f4e5a"/>
|
||||
<rect x="-.6" y="-1.5" width="1.2" height="3" fill="#1f4e5a"/>
|
||||
<text x="20" y="0" font-size="10" font-weight="700" fill="#1f4e5a">Mensch</text>
|
||||
<text x="20" y="11" font-size="9" fill="#8a8a8a">1,8 m</text>
|
||||
</g>
|
||||
|
||||
<!-- 2) Einfamilienhaus (8 m = 11px) -->
|
||||
<g transform="translate(150, 440)">
|
||||
<rect x="-12" y="-11" width="24" height="11" fill="#e8d5b5" stroke="#1f4e5a" stroke-width=".6"/>
|
||||
<polygon points="-14,-11 0,-18 14,-11" fill="#c85c4a"/>
|
||||
<rect x="-2" y="-6" width="4" height="6" fill="#4a7c8a"/>
|
||||
<text x="30" y="-8" font-size="10" font-weight="700" fill="#1f4e5a">Einfamilienhaus</text>
|
||||
<text x="30" y="3" font-size="9" fill="#8a8a8a">≈ 8 m</text>
|
||||
</g>
|
||||
|
||||
<!-- 3) Baum (25 m = 35px) -->
|
||||
<g transform="translate(250, 440)">
|
||||
<rect x="-1.5" y="-10" width="3" height="10" fill="#6b4a2e"/>
|
||||
<ellipse cx="0" cy="-22" rx="14" ry="22" fill="#3a6b3e"/>
|
||||
<text x="25" y="-42" font-size="10" font-weight="700" fill="#1f4e5a">Alter Baum</text>
|
||||
<text x="25" y="-31" font-size="9" fill="#8a8a8a">25 m</text>
|
||||
</g>
|
||||
|
||||
<!-- 4) Kirchturm (60 m = 84px) -->
|
||||
<g transform="translate(345, 440)">
|
||||
<rect x="-8" y="-60" width="16" height="60" fill="#c4a97a" stroke="#1f4e5a" stroke-width=".6"/>
|
||||
<rect x="-10" y="-60" width="20" height="4" fill="#c85c4a"/>
|
||||
<polygon points="-10,-60 0,-84 10,-60" fill="#c85c4a"/>
|
||||
<rect x="-2" y="-48" width="4" height="8" fill="#1a1a1a"/>
|
||||
<circle cx="0" cy="-68" r="3" fill="#e8d5b5"/>
|
||||
<text x="20" y="-80" font-size="10" font-weight="700" fill="#1f4e5a">Kirchturm</text>
|
||||
<text x="20" y="-69" font-size="9" fill="#8a8a8a">≈ 60 m</text>
|
||||
</g>
|
||||
|
||||
<!-- 5) Altes Windrad (60 m) -->
|
||||
<g transform="translate(440, 440)">
|
||||
<rect x="-2" y="-84" width="4" height="84" fill="#8a8a8a"/>
|
||||
<circle cx="0" cy="-84" r="2.5" fill="#1f4e5a"/>
|
||||
<!-- 3 Rotorblätter, L ≈ 22m -->
|
||||
<g stroke="#1f4e5a" stroke-width="2" stroke-linecap="round">
|
||||
<line x1="0" y1="-84" x2="0" y2="-115"/>
|
||||
<line x1="0" y1="-84" x2="27" y2="-69"/>
|
||||
<line x1="0" y1="-84" x2="-27" y2="-69"/>
|
||||
</g>
|
||||
<text x="32" y="-112" font-size="10" font-weight="700" fill="#1f4e5a">Windrad 2000</text>
|
||||
<text x="32" y="-100" font-size="9" fill="#8a8a8a">Nabe 60 m · 1 MW</text>
|
||||
</g>
|
||||
|
||||
<!-- 6) DC Tower Wien (220 m = 308 px) -->
|
||||
<g transform="translate(580, 440)">
|
||||
<rect x="-12" y="-308" width="24" height="308" fill="#4a7c8a" stroke="#1f4e5a" stroke-width=".6"/>
|
||||
<g fill="#e8d5b5" opacity=".75">
|
||||
<rect x="-10" y="-300" width="20" height="3"/>
|
||||
<rect x="-10" y="-280" width="20" height="3"/>
|
||||
<rect x="-10" y="-260" width="20" height="3"/>
|
||||
<rect x="-10" y="-240" width="20" height="3"/>
|
||||
<rect x="-10" y="-220" width="20" height="3"/>
|
||||
<rect x="-10" y="-200" width="20" height="3"/>
|
||||
<rect x="-10" y="-180" width="20" height="3"/>
|
||||
<rect x="-10" y="-160" width="20" height="3"/>
|
||||
<rect x="-10" y="-140" width="20" height="3"/>
|
||||
<rect x="-10" y="-120" width="20" height="3"/>
|
||||
<rect x="-10" y="-100" width="20" height="3"/>
|
||||
<rect x="-10" y="-80" width="20" height="3"/>
|
||||
<rect x="-10" y="-60" width="20" height="3"/>
|
||||
<rect x="-10" y="-40" width="20" height="3"/>
|
||||
</g>
|
||||
<text x="18" y="-304" font-size="10" font-weight="700" fill="#1f4e5a">DC Tower Wien</text>
|
||||
<text x="18" y="-293" font-size="9" fill="#8a8a8a">220 m (höchstes AT)</text>
|
||||
<line x1="-14" y1="-308" x2="20" y2="-308" stroke="#4a7c8a" stroke-width="1" stroke-dasharray="2 2"/>
|
||||
</g>
|
||||
|
||||
<!-- 7) Modernes Windrad (240 m Gesamthöhe: Nabe 160m + Rotor 80m) -->
|
||||
<g transform="translate(770, 440)">
|
||||
<!-- Turm -->
|
||||
<polygon points="-4,0 4,0 2.5,-224 -2.5,-224" fill="#fff" stroke="#1f4e5a" stroke-width="1"/>
|
||||
<!-- Gondel (Maschinenhaus) -->
|
||||
<rect x="-6" y="-228" width="12" height="8" fill="#1f4e5a" rx="1"/>
|
||||
<!-- Nabe -->
|
||||
<circle cx="0" cy="-224" r="3.5" fill="#c85c4a"/>
|
||||
<!-- 3 Rotorblätter, L = 85 m = 119 px -->
|
||||
<g stroke="#1f4e5a" stroke-width="2.6" stroke-linecap="round" fill="none">
|
||||
<line x1="0" y1="-224" x2="0" y2="-343"/>
|
||||
<line x1="0" y1="-224" x2="103" y2="-164"/>
|
||||
<line x1="0" y1="-224" x2="-103" y2="-164"/>
|
||||
</g>
|
||||
|
||||
<!-- Maß-Pfeil Gesamthöhe -->
|
||||
<line x1="80" y1="-343" x2="80" y2="0" stroke="#c85c4a" stroke-width="1" stroke-dasharray="3 2"/>
|
||||
<polygon points="78,-340 82,-340 80,-348" fill="#c85c4a"/>
|
||||
<polygon points="78,-3 82,-3 80,5" fill="#c85c4a"/>
|
||||
<text x="87" y="-170" font-size="11" fill="#c85c4a" font-weight="800">240 m</text>
|
||||
<text x="87" y="-156" font-size="9" fill="#c85c4a">Gesamthöhe</text>
|
||||
|
||||
<text x="-125" y="-338" font-size="10" font-weight="700" fill="#1f4e5a">Modernes Windrad</text>
|
||||
<text x="-125" y="-326" font-size="9" fill="#8a8a8a">Nabe 160 m · 7 MW</text>
|
||||
<text x="-125" y="-313" font-size="9" fill="#5a8a5e" font-weight="700">5.000 Haushalte</text>
|
||||
</g>
|
||||
|
||||
<!-- Höhenlinien im Hintergrund -->
|
||||
<g stroke="#4a7c8a" stroke-width=".5" opacity=".25" stroke-dasharray="2 3">
|
||||
<line x1="30" y1="440" x2="870" y2="440"/>
|
||||
<line x1="30" y1="356" x2="870" y2="356"/> <!-- 60 m -->
|
||||
<line x1="30" y1="272" x2="870" y2="272"/> <!-- 120 m -->
|
||||
<line x1="30" y1="216" x2="870" y2="216"/> <!-- 160 m -->
|
||||
<line x1="30" y1="132" x2="870" y2="132"/> <!-- 220 m -->
|
||||
<line x1="30" y1="97" x2="870" y2="97"/> <!-- 245 m -->
|
||||
</g>
|
||||
<g font-size="8" fill="#4a7c8a" opacity=".7">
|
||||
<text x="35" y="358">60 m</text>
|
||||
<text x="35" y="274">120 m</text>
|
||||
<text x="35" y="218">160 m (Nabe)</text>
|
||||
<text x="35" y="134">220 m</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer Fakten -->
|
||||
<g transform="translate(0, 465)">
|
||||
<rect x="50" y="0" width="800" height="50" rx="6" fill="#fff" stroke="#dae8ec" stroke-width="1"/>
|
||||
<text x="70" y="18" font-size="10" fill="#1f4e5a" font-weight="800">Ein Windrad liefert:</text>
|
||||
<text x="185" y="18" font-size="10" fill="#4a4a4a">8–20 Millionen kWh pro Jahr — Strom für 2.500 bis 6.000 Haushalte.</text>
|
||||
<text x="70" y="36" font-size="10" fill="#1f4e5a" font-weight="800">Österreich 2024:</text>
|
||||
<text x="185" y="36" font-size="10" fill="#4a4a4a">ca. 1.400 Windräder · zusammen rund 3.900 MW · decken ~12 % des Strombedarfs.</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
Reference in New Issue
Block a user