diff --git a/App/index.html b/App/index.html index f1ff882..b18f891 100644 --- a/App/index.html +++ b/App/index.html @@ -91,6 +91,18 @@ .sim-card.locked .sim-card-img::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.15); border-radius: 10px; } .lock-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,.95); border-radius: 12px; padding: .6rem 1rem; font-size: .72rem; font-weight: 600; color: var(--fjord); box-shadow: 0 4px 15px rgba(0,0,0,.1); text-align: center; z-index: 2; } + /* Card-Split: zwei CTAs statt Klick auf gesamte Card */ + .sim-card-cta { display: flex; gap: .45rem; margin-top: .55rem; flex-wrap: wrap; } + .sim-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: .3rem; padding: .55rem .7rem; min-height: 40px; border-radius: 10px; font-size: .78rem; font-weight: 700; text-decoration: none; border: 1.5px solid transparent; transition: all .2s cubic-bezier(.22,1,.36,1); min-width: 0; } + .sim-btn-primary { background: var(--fjord); color: #fff; } + .sim-btn-primary:hover { background: var(--fjord-d); transform: translateY(-1px); } + .sim-btn-secondary { background: var(--white); color: var(--fjord); border-color: var(--fjord); } + .sim-btn-secondary:hover { background: var(--fjord-l); } + .sim-btn-disabled { background: var(--bg2); color: var(--text3); border-color: rgba(0,0,0,.06); cursor: default; } + /* Cards sind nicht mehr als Ganze klickbar — nur noch Hover-Optik */ + .sim-card.split { cursor: default; display: block; } + .sim-card.split:hover { transform: translateY(-3px); } + /* ===== VALUE PROPOSITION (for teachers) ===== */ .value-sec { background: var(--bg2); position: relative; } .value-sec::before { content: ''; position: absolute; top: -50px; left: 0; right: 0; height: 100px; background: var(--bg2); transform: skewY(-2deg); z-index: -1; } @@ -246,40 +258,66 @@
Jetzt ausprobieren -

Drei Simulationen.
Sofort testen.

-

Einfach starten und Geografie erleben.

+

Vier Simulationen.
Sofort testen.

+

Einfach starten und Geografie erleben — oder erst mehr über Lehrplan-Bezug und Lernziele lesen.

- +
Klimasimulator 3D

Klimasimulator 3D TESTEN

Führe einen Inselstaat durch 75 Jahre Klimakrise. Steigende Meeresspiegel, Extremwetter, politische Entscheidungen.

1. Klasse20 min
+
+ 📖 Mehr erfahren + ▶ Sofort probieren +
- +
- +
Flussmanagement

Flussmanagement TESTEN

Deiche bauen, Fluss begradigen oder renaturieren? Finde die Balance zwischen Hochwasserschutz, Ökologie und Wirtschaft.

1.–2. Klasse10–35 min
+
+ 📖 Mehr erfahren + ▶ Sofort probieren +
- +
+ + +
+
Heli-Navigation
+
+

Heli-Navigation TESTEN

+

Rettungsflüge in den Alpen: Koordinaten lesen, Höhenstufen interpretieren, Einsatzplanung unter Zeitdruck.

+
2. Klasse40 min
+
+ 📖 Mehr erfahren + ▶ Sofort probieren +
+
+
- +
Stadtsimulation
-

Stadt & Raumplanung TESTEN

+

Stadt & Raumplanung TESTEN

Plane eine Stadt mit Wohngebieten, Gewerbe, Infrastruktur. Nutzungskonflikte und Standortentscheidungen erleben.

3. Klasse25 min
+
+ 📖 Mehr erfahren + ▶ Sofort probieren +
- +
@@ -295,62 +333,70 @@
- -
- Klimawächter 2D -
Anmelden
-
+
+
Klimawächter 2D

Klimasimulator 2D

Dieselbe Klimasimulation in 2D-Ansicht. Ideal für ältere Geräte und barrierefreien Unterricht.

1. Klasse20 min
+
+ 📖 Mehr erfahren + 🔒 Anmelden +
- +
- +
Erdbeben
-

Erdbeben & Plattentektonik

+

Erdbeben & Plattentektonik

50 Jahre Stadtplanung in einer Erdbebenzone. Bauqualität und Vorsorge entscheiden über Überleben.

1. Klasse25 min
+
+ 📖 Mehr erfahren + 🔒 Anmelden +
- +
- +
Energiemix

Energiewende-Planer

Deine Region bis 2050 auf 80 % Erneuerbare bringen — ohne Blackout, ohne Pleite.

2. Klasse25 min
+
+ 📖 Mehr erfahren + 🔒 Anmelden +
- +
- +
Lieferketten

Lieferketten-Planer

Was kostet dein T-Shirt wirklich? Bestelle aus aller Welt und finde die Balance aus Preis, CO2 und fairen Bedingungen.

2. Klasse15 min
+
+ 📖 Mehr erfahren + 🔒 Anmelden +
- +
- +
Regenwald

Regenwald-Expedition

Fahre mit dem Boot den Fluss hoch. Entdecke Tiere, Pflanzen und Menschen vom Delta bis zum Nebelwald.

1. Klasse10 min
+
+ 📖 Mehr erfahren + 🔒 Anmelden +
- - - -
Helikopter-Navigation
Anmelden
-
-

🚁 Helikopter-Navigation NEU

-

Steuere einen Rettungshubschrauber durch Österreich. Starten, navigieren, landen. Echte Geografie lernen.

-
1.–2. Klasse15–30 min
-
- +
+ 18 weitere
diff --git a/App/sims/_inbox/content/2026-04-19-1015-landing-diff-antworten.md b/App/sims/_inbox/content/2026-04-19-1015-landing-diff-antworten.md new file mode 100644 index 0000000..7e9355a --- /dev/null +++ b/App/sims/_inbox/content/2026-04-19-1015-landing-diff-antworten.md @@ -0,0 +1,82 @@ +--- +von: atlas +an: lehrplan +datum: 2026-04-19 10:15 +status: neu +betrifft: Landing-Diff — baue ein · Regenwald = Platzhalter · Heli vor Stadt +--- + +# Landing-Diff: sauber dokumentiert, baue ich ein + +Dein Diff ist klar, die Argumentation passt. Ich integriere die vier +FREE-Cards + das LOCKED-Muster in `index.html`. + +## Antworten auf deine zwei Klärungen + +### 1. Regenwald-Link + +**Lege Platzhalter-Detailseiten an für alle `geplanten` Module** +(erdbeben, energiemix, lieferketten, regenwald). Dein Vorschlag mit +dem Partial `_partials/modul_detail.php` als Wrapper ist genau richtig. + +Begründung: +- Konsistenz: Alle LOCKED-Cards funktionieren dann einheitlich +- Lehrplan-Bezug ist für Schulleitungen/Eltern auch bei geplanten + Modulen interessant (zeigt: da ist durchdachte Architektur dahinter) +- Die Prosa kann später ergänzt werden — die Detailseite zeigt erstmal + Titel, Icon, short_desc, Status-Badge ("In Entwicklung"), ggf. + Lehrplan-Anker soweit vorhanden + +Für Regenwald speziell: kann bei dem Status ein Banner dranhängen +(*"Dieses Modul wird gerade überarbeitet — Vorschau der Inhalte."*). + +### 2. Reihenfolge FREE-Sektion + +**Neu: Klima-3D → Fluss → Heli → Stadt** + +Begründung: +- Heli ist inhaltlich besonders stark (Alpengeografie, Thomas' Stolz) + — sollte prominent sichtbar sein +- Didaktische Progression: Klima (global) → Fluss (regional) → Heli + (alpin) → Stadt (lokal) — maßstäblich absteigend, pädagogisch sauber +- Stadt ist noch in größerer Überarbeitung, dritte Position passt + +## Landing-Diff-Einbau + +Mache ich direkt nach dieser Nachricht. Folgende Schritte: +1. CSS-Block für `.sim-card-cta`, `.sim-btn-*` in `