Post 3: Verbinden statt ersetzen, ein Einzelbild mit dem Wabenfeld
Nummer 2 im Redaktionsplan, im Generator das dritte Projekt. Kein Carousel: eine Haltung, die man durchwischen muss, ist keine. Das Bild ist das Wabenfeld der Startseite, uebernommen aus HoneycombSection.tsx und nicht nachempfunden -- derselbe Umkreisradius, dieselbe Achsrechnung, dieselben Zellnummern. Damit stimmen WABE_MARKEN und HONEYCOMB_DEFAULT_LOGO_PLACEMENTS ueber dieselben Nummern ueberein. Die vier Waben "In Arbeit" sind raus: auf der Startseite ein Versprechen, im Feed ein Eingestaendnis. Der Ausschnitt ist enger als die Slide (880 statt 1080), das Feld also um 1,227 vergroessert -- ein Ring leerer Waben rundherum kostete nur Platz. Text mittig wie in post2-alt.html. Sechs der 14 Marken sind PNG und damit dieselbe Wette wie ein Screenshot (rules.md 7). wabenZonen() prueft sie deshalb einzeln nach: ein Punktraster ueber den ganzen Markenkasten, dessen Ecken das Gelb der Wabe tragen. Fehlt die Marke, ist der Kasten einfarbig und der Export wiederholt. Gegengetestet, indem DATEV absichtlich weggelassen wurde. Die sechs Zeichnungen von Post 2 sind aus der Kopie raus, 5237 auf 4270 Zeilen. Die Band-Maschinerie bleibt, laeuft bei einer Slide aber leer -- im Kommentar steht jetzt, dass ihre Stuetzpunkte an Post 2 geeicht sind. Nebenbei: uebersicht.html schrieb "1 Slides", faellt erst mit dem ersten Einzelbild auf. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
06479c54b3
commit
a5ec0c565e
16 files changed
+4469
-4
No files matched your search
@@ -1,7 +1,7 @@
|
||||
# Post-Generator — Regeln & Konventionen
|
||||
|
||||
Arbeitsgrundlage für alles, was in diesem Repo an Social-Grafiken entsteht.
|
||||
**Stand:** 31.07.2026
|
||||
**Stand:** 15.08.2026
|
||||
|
||||
Der Generator läuft lokal: `./serve.sh` → <http://127.0.0.1:4321/post1.html>
|
||||
(Post 1, Carousel).
|
||||
@@ -20,6 +20,7 @@ Alle Marken-Werte stammen aus der Website, nicht aus diesem Repo. Bei Zweifel
|
||||
| Schrift | `HiveGrid-Website/app/layout.tsx` |
|
||||
| Badge-Styling | `HiveGrid-Website/components/sections/ScreenshotAccordion.tsx` |
|
||||
| Feature-Texte | `HiveGrid-Website/app/playground/PlaygroundClient.tsx` → `solutionModules` |
|
||||
| Wabenfeld: Geometrie, Zellnummern, Belegung | `HiveGrid-Website/components/landing/HoneycombSection.tsx` |
|
||||
|
||||
Die Werte sind hier gespiegelt, weil der Export keine Tailwind-/oklch-Farben
|
||||
verträgt (siehe §7). Ändert sich die Website, müssen sie **hier nachgezogen
|
||||
@@ -42,7 +43,7 @@ und Kompositionen der Visualisierungen.
|
||||
| Theme | Erkennungszeichen | Datei |
|
||||
|---|---|---|
|
||||
| `notebook` | Rasterhintergrund, Zeichenblock-Optik, Marker in der Überschrift, handgezogene Formen | `post2.html` |
|
||||
| `modern` | Ruhiger Grund ohne Textur, sehr große Überschrift mit einem farbigen Wort, schwebende Karten mit Haarlinie, präzise Formen | `post2-alt.html` |
|
||||
| `modern` | Ruhiger Grund ohne Textur, sehr große Überschrift mit einem farbigen Wort, schwebende Karten mit Haarlinie, präzise Formen | `post2-alt.html`, `post3.html` |
|
||||
|
||||
Jede Datei trägt oben eine Konstante `THEME`. Sie steuert nichts, sie benennt
|
||||
nur — die Unterschiede stecken in den CSS-Werten und in den Zeichen-Primitiven.
|
||||
@@ -255,6 +256,38 @@ Spalten um ¾ der Breite, benachbarte Spalten sitzen eine halbe Reihe versetzt.
|
||||
Eine Kachel = zwei Spalten breit, eine Reihe hoch. **Die über den Kachelrand
|
||||
hinausragenden Kopien sind Pflicht** — ohne sie sieht man die Nähte.
|
||||
|
||||
### Wabenfeld
|
||||
|
||||
Nicht zu verwechseln mit dem Wabenraster: das ist die Textur im Hintergrund,
|
||||
das Wabenfeld ist die **Grafik von der Startseite** — die Marke als Nabe, die
|
||||
fremden Programme als Waben darum, verbunden über Stränge. Sie steht in
|
||||
`post3.html` als `visWabenfeld()` und ist aus `HoneycombSection.tsx`
|
||||
übernommen, nicht nachempfunden:
|
||||
|
||||
| | Wert | Warum genau der |
|
||||
|---|---|---|
|
||||
| Umkreisradius | 62 | alles andere leitet sich davon ab |
|
||||
| Flächenfaktor | 0,84 | lässt die Fuge zwischen zwei Waben offen |
|
||||
| Achsrechnung | `x = 1,5·R·q`, `y = √3·R·(r + q/2)` | flat-top |
|
||||
| Zellnummern | 1 Nabe, 2–7 innerer Ring, 8–19 Deko-Ring, dann das Feld | die Belegung hängt daran |
|
||||
| Marken-Größe | sichtbar 56,5 px | Claude und OpenAI sind die Eichmarken |
|
||||
|
||||
**Die Zellnummern sind die Schnittstelle.** Welche Marke wo sitzt, steht auf
|
||||
der Website in `HONEYCOMB_DEFAULT_LOGO_PLACEMENTS` und hier in `WABE_MARKEN`,
|
||||
beide über dieselben Nummern. Wer den Ringgang in `wabeRing()` umstellt,
|
||||
verschiebt damit stillschweigend jede Marke.
|
||||
|
||||
**Eine Marke wird über zwei Zahlen eingepasst**, nicht über eine: die
|
||||
Grundfläche ihres Renderpfads (Feld 59,52 px, Deko 50,44 px) mal ihre eigene
|
||||
Skalierung. Das Verhältnis 1,18 zwischen beiden Pfaden stammt aus der Website
|
||||
und ist der Grund, warum dieselbe sichtbare Größe zwei verschiedene Faktoren
|
||||
braucht. Für eine neue Marke gilt: `gr = Grundfläche / Anteil, den die Datei in
|
||||
ihrer eigenen Fläche ausfüllt` — eine Datei mit Luft ringsum braucht mehr.
|
||||
|
||||
**Die vier Waben „In Arbeit" gehören nicht in einen Beitrag.** Auf der
|
||||
Startseite sind sie ein Versprechen, im Feed wären sie ein Eingeständnis. Es
|
||||
sind die Zellen 29, 41, 46 und 59, und sie bleiben gewöhnliche leere Waben.
|
||||
|
||||
---
|
||||
|
||||
## 4. Typografie
|
||||
|
||||
Reference in new issue
Block a user