Adminator
f22c5ebbfe
- PHP/MySQL Backend (XAMPP + Produktionsserver) - Front-Controller, API-Endpunkte, Session-Management - Flussmanagement-Simulation (Echtzeit, Punkt-basierter Fluss) - Stadt & Raumplanung (Prototyp, Top-Down Kachelsystem) - Klimawaechter 3D: Deiche kleiner, Baeume kippen, Budget angepasst - persistence.ts: Dualer Speicher (localStorage + Server-API) - 6 Unit-Test-Dateien fuer bestehende Simulationen Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
141 lines
6.1 KiB
HTML
141 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>GeoGraSim — Projektübersicht</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||
<style>
|
||
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
|
||
body { font-family:'Inter',system-ui,sans-serif; background:#f7f6f3; color:#1a1a1a; padding:2rem; line-height:1.6; }
|
||
.container { max-width:1100px; margin:0 auto; }
|
||
h1 { font-size:2.4rem; font-weight:900; letter-spacing:-.03em; margin-bottom:.3rem; }
|
||
h1 span { color:#4a7c8a; }
|
||
.lead { color:#5a5a5a; margin-bottom:2rem; font-size:1rem; max-width:600px; }
|
||
h2 { font-size:1.2rem; font-weight:800; color:#4a7c8a; margin:2rem 0 .8rem; padding-bottom:.4rem; border-bottom:2px solid #dae8ec; }
|
||
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem; }
|
||
.card { background:#fff; border-radius:14px; border:1px solid rgba(0,0,0,.05); padding:1.2rem; box-shadow:0 2px 12px rgba(0,0,0,.04); text-decoration:none; color:inherit; transition:all .25s; display:block; }
|
||
.card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(74,124,138,.12); border-color:rgba(74,124,138,.2); }
|
||
.card-icon { font-size:1.8rem; margin-bottom:.5rem; }
|
||
.card h3 { font-size:1rem; font-weight:700; margin-bottom:.2rem; }
|
||
.card p { font-size:.82rem; color:#6a6a6a; }
|
||
.card-meta { font-size:.7rem; color:#8a8a8a; margin-top:.5rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
|
||
footer { margin-top:3rem; padding-top:1.5rem; border-top:1px solid rgba(0,0,0,.05); color:#8a8a8a; font-size:.78rem; text-align:center; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
|
||
<h1>Geo<span>Gra</span>Sim</h1>
|
||
<p class="lead">Interaktive Simulationen für den Geografieunterricht der Sekundarstufe I.<br>Projektübersicht und alle Deliverables.</p>
|
||
|
||
<h2>🚀 App</h2>
|
||
<div class="grid">
|
||
<a href="App/index.html" class="card">
|
||
<div class="card-icon">🌍</div>
|
||
<h3>Landing Page</h3>
|
||
<p>Skandinavische Hauptseite mit animierter Fjord-Szene und allen Modulen.</p>
|
||
<div class="card-meta">Vite Dev Server: localhost:3030</div>
|
||
</a>
|
||
<a href="App/sim.html?id=05" class="card">
|
||
<div class="card-icon">🌡️</div>
|
||
<h3>Treibhauseffekt-Simulator</h3>
|
||
<p>SIM-05 · Erste spielbare Simulation mit Canvas-Visualisierung und POE-Workflow.</p>
|
||
<div class="card-meta">14 Unit-Tests</div>
|
||
</a>
|
||
<a href="App/sim.html?id=07" class="card">
|
||
<div class="card-icon">🌋</div>
|
||
<h3>Erdbeben-Simulator</h3>
|
||
<p>SIM-07 · Plattentektonik mit Spannungsaufbau, Beben und Stadt-Vergleich.</p>
|
||
<div class="card-meta">14 Unit-Tests</div>
|
||
</a>
|
||
<a href="App/sim.html?id=09" class="card">
|
||
<div class="card-icon">⚡</div>
|
||
<h3>Energiemix-Simulator</h3>
|
||
<p>SIM-09 · Donut-Chart mit 6 Energiequellen, Score und Trade-offs.</p>
|
||
<div class="card-meta">14 Unit-Tests</div>
|
||
</a>
|
||
<a href="App/fluss.html" class="card">
|
||
<div class="card-icon">🏞️</div>
|
||
<h3>Flussmanagement</h3>
|
||
<p>SIM-12 · Rundenbasiert: Deiche, Renaturierung, Bewässerung. 5 Levels mit didaktischer Progression.</p>
|
||
<div class="card-meta">5 Levels · 10–35 min</div>
|
||
</a>
|
||
<a href="App/dashboard.html" class="card">
|
||
<div class="card-icon">📊</div>
|
||
<h3>Lehrkräfte-Dashboard</h3>
|
||
<p>Mockup: Klassenübersicht, Live-Tracking, Fehlkonzept-Erkennung, Modul-Freigabe.</p>
|
||
<div class="card-meta">Wireframe / Demo</div>
|
||
</a>
|
||
<a href="App/stilauswahl.html" class="card">
|
||
<div class="card-icon">🎨</div>
|
||
<h3>Stilauswahl</h3>
|
||
<p>50 Grafikstile zur Auswahl, gefiltert nach hell, dunkel, künstlerisch, wild, handarbeit.</p>
|
||
<div class="card-meta">50 DALL-E Bilder</div>
|
||
</a>
|
||
</div>
|
||
|
||
<h2>📚 Forschung</h2>
|
||
<div class="grid">
|
||
<a href="claude-research-sim/standalone.html" class="card">
|
||
<div class="card-icon">🔬</div>
|
||
<h3>Simulationsforschung</h3>
|
||
<p>10 Kapitel zur Wirksamkeit, Gestaltung und Qualität von Lernsimulationen.</p>
|
||
<div class="card-meta">195 Quellen · 280k Zeichen</div>
|
||
</a>
|
||
<a href="claude-research-sim/quellen.html" class="card">
|
||
<div class="card-icon">📑</div>
|
||
<h3>Quellen Simulation</h3>
|
||
<p>Quellenverzeichnis mit Bewertung, Filter und DOI-Links.</p>
|
||
<div class="card-meta">Filtrierbar</div>
|
||
</a>
|
||
<a href="claude-research/standalone.html" class="card">
|
||
<div class="card-icon">🎓</div>
|
||
<h3>GW-Didaktik</h3>
|
||
<p>10 Kapitel zur Geografiedidaktik in der Sekundarstufe I, Fokus Österreich/DACH.</p>
|
||
<div class="card-meta">135 Quellen · 194k Zeichen</div>
|
||
</a>
|
||
<a href="claude-research/quellen.html" class="card">
|
||
<div class="card-icon">📑</div>
|
||
<h3>Quellen GW-Didaktik</h3>
|
||
<p>Quellenverzeichnis mit Bewertung und Lehrplanbezug.</p>
|
||
<div class="card-meta">Filtrierbar</div>
|
||
</a>
|
||
</div>
|
||
|
||
<h2>📋 Konzept</h2>
|
||
<div class="grid">
|
||
<a href="Konzept/projekt-todos.html" class="card">
|
||
<div class="card-icon">✅</div>
|
||
<h3>Projekt-To-Dos</h3>
|
||
<p>Aktueller Projektstatus, To-Dos, Ideen und Designentscheidungen.</p>
|
||
</a>
|
||
<a href="Konzept/lehrplan-gw.html" class="card">
|
||
<div class="card-icon">📜</div>
|
||
<h3>Lehrplan GW</h3>
|
||
<p>Aufbereiteter österreichischer Lehrplan für Geografie und wirtschaftliche Bildung.</p>
|
||
<div class="card-meta">BGBl. II Nr. 178/2025</div>
|
||
</a>
|
||
<a href="Konzept/lehrplan-simulation-mapping.html" class="card">
|
||
<div class="card-icon">🗺️</div>
|
||
<h3>Lehrplan-Simulation-Mapping</h3>
|
||
<p>24 Simulationsmodule, jedem Kompetenzbereich des Lehrplans zugeordnet.</p>
|
||
<div class="card-meta">14 Kompetenzbereiche</div>
|
||
</a>
|
||
<a href="Konzept/lehrplanvergleich-dach.md" class="card">
|
||
<div class="card-icon">🇪🇺</div>
|
||
<h3>DACH-Lehrplanvergleich</h3>
|
||
<p>Vergleich AT, DE (BY/NRW/BW), CH, UK. 6 Tier-1-Themen identifiziert.</p>
|
||
</a>
|
||
</div>
|
||
|
||
<footer>
|
||
<p>GeoGraSim — Schroffenegger & Mößlang, 2026</p>
|
||
<p style="margin-top:.3rem">330 Forschungsquellen · 3 spielbare Simulationen · 59 Unit-Tests · 50 Grafikstile</p>
|
||
</footer>
|
||
|
||
</div>
|
||
</body>
|
||
</html>
|