From e88afc61a4ad30e9e095aace02632daf5641a0ca Mon Sep 17 00:00:00 2001 From: DeeCee03 Date: Thu, 13 Aug 2026 17:52:01 +0200 Subject: [PATCH] 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) --- README.md | 8 + post2-alt.html | 4735 ++++++++++++++++++++++++++++++++++++++++++ state/post2-alt.json | 150 ++ 3 files changed, 4893 insertions(+) create mode 100644 post2-alt.html create mode 100644 state/post2-alt.json diff --git a/README.md b/README.md index 4618f86..7bae914 100644 --- a/README.md +++ b/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`. diff --git a/post2-alt.html b/post2-alt.html new file mode 100644 index 0000000..8ece948 --- /dev/null +++ b/post2-alt.html @@ -0,0 +1,4735 @@ + + + + + +PostGrid Post 2 · Alternative + + + + + + + +
+ + + +
+
+
+
+
+
+
+
+
+

+
+ + +
+
+ + + +
+
+
+ + +
+ + + + + + diff --git a/state/post2-alt.json b/state/post2-alt.json new file mode 100644 index 0000000..54ea6ef --- /dev/null +++ b/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": "
" + } + }, + { + "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" +}