Post 2 als zweite Fassung: praezise Formen auf dunklem Grund

Rueckmeldung aus dem Team war, das Design duerfe "futuristischer" sein.
Statt den bestehenden Beitrag umzubauen liegt er jetzt zweimal vor:
post2.html bleibt die Skizzenfassung, post2-alt.html zeigt denselben
Beitrag mit denselben Texten in praeziser Formensprache.

Technisch ist es kein zweiter Entwurf, sondern dieselbe Zeichnung mit
anderen Primitiven. strich zieht eine Gerade statt eines schwingenden
Zuges, kringel eine exakte Ellipse statt eines offenen Kringels, rechteck
und chamfer haben keine Ecken mehr, die ueberschiessen. Die Kompositionen
sind Zeile fuer Zeile dieselben. Wer eine Visualisierung aendert, muss
deshalb an beide Dateien denken -- steht in der README.

Was in der Alternative entfaellt: die Randnotizen der Titel-Slide
(Gluehbirne, Zettel, Maulschluessel), der versetzte Zweitrahmen mit
schraffiertem Band, die Bodenschatten unter den Ikonen und alle
Schraffuren als Fuellung. An ihre Stelle treten ein sauberer
Chamfer-Rahmen mit Eckwinkeln in Gelb und gefuellte Flaechen.

Die dunkle Variante hat zwei Fehler sichtbar gemacht, die in der hellen
Fassung nie aufgefallen waeren:

Das Akzentwort steht auf Dunkel in #1A1A1A und ist nur dort lesbar, wo die
gelbe Markerflaeche darunterliegt. Die deckte 62 Prozent der Zeilenhoehe
ab, also rund 49 px bei einer Versalhoehe von etwa 53 -- die obere Haelfte
der Buchstaben verschwand im Grund. Sie deckt jetzt die ganze Zeile.

Die Beschreibungen der drei Schritte auf der letzten Slide standen fest auf
#555555, einem Wert der hellen Variante. Sekundaerer Text folgt jetzt der
Variante, wie TINTE und GELB auch. Dafuer zieht applyAll die Farben nach
und baut alle Seiten neu, nicht nur die Titel-Seiten.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

README.md

@@ -22,6 +22,14 @@ Downloads landen direkt in `~/Downloads`, ohne Browser-Dialog.
 |---|---|---|---|
 | Post 1 · Lösung | `post1.html` | Carousel, Anzahl frei | |
 | Post 2 · Die Geschichte | `post2.html` | Carousel, 6 Slides, erscheint 12.08. | [`POST-2.md`](./POST-2.md) |
+| Post 2 · Alternative | `post2-alt.html` | Derselbe Beitrag, moderne Formensprache | |
+
+**Post 2 gibt es zweimal.** Beide Fassungen zeigen denselben Beitrag mit
+denselben Texten; sie unterscheiden sich nur in der Formensprache. Die
+Skizzenfassung ist von Hand gezeichnet, die Alternative präzise und auf
+dunklem Grund. Technisch ist es derselbe Aufbau: die Kompositionen sind
+identisch, nur die Zeichen-Primitive rechnen anders. Wer eine Visualisierung
+ändert, muss deshalb an beide Dateien denken.
 
 Der Redaktionsplan für alle weiteren Beiträge liegt in
 [`redaktionsplan/`](./redaktionsplan/), gebaut mit `python3 redaktionsplan/bauen.py`.

state/post2-alt.json

@@ -0,0 +1,150 @@
+{
+ "bgState": [
+  {
+   "bg": "raster",
+   "int": "kraeftig"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  }
+ ],
+ "current": 0,
+ "deck": [
+  {
+   "ref": "titel",
+   "werte": {
+    "body": "<br>"
+   }
+  },
+  {
+   "ref": "prozesse",
+   "werte": {}
+  },
+  {
+   "ref": "wechseln",
+   "werte": {}
+  },
+  {
+   "ref": "mehr",
+   "werte": {}
+  },
+  {
+   "ref": "verbinden",
+   "werte": {}
+  },
+  {
+   "ref": "warteliste",
+   "werte": {
+    "body": "Setz dich auf die Warteliste, dann melden wir uns."
+   }
+  }
+ ],
+ "edits": [
+  {
+   "body": {
+    "dx": 102,
+    "dy": 0
+   },
+   "headline": {
+    "dx": 37,
+    "dy": 3,
+    "size": 88
+   },
+   "vis": {
+    "dx": -38,
+    "dy": -79,
+    "size": 692
+   }
+  },
+  {
+   "body": {
+    "dx": 0,
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   },
+   "vis": {
+    "dx": 0,
+    "dy": 16
+   }
+  },
+  {
+   "body": {
+    "dx": 0,
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   },
+   "vis": {
+    "dx": 0,
+    "dy": -109
+   }
+  },
+  {
+   "body": {
+    "dx": 0,
+    "dy": 20
+   },
+   "headline": {
+    "dx": 0,
+    "dy": 3
+   },
+   "vis": {}
+  },
+  {
+   "body": {
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   },
+   "vis": {}
+  },
+  {
+   "body": {
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   },
+   "vis": {
+    "dx": 3,
+    "dy": -88
+   }
+  }
+ ],
+ "frameStyle": "rund",
+ "layoutState": [
+  "ecke",
+  "standard",
+  "standard",
+  "standard",
+  "standard",
+  "standard"
+ ],
+ "superSample": 2,
+ "tagOut": "an",
+ "tilt": "an",
+ "v": 6,
+ "variant": "dunkel",
+ "view": "einzeln"
+}