Goldader zurueck auf Knaeuel zu Flachband, echte Produktaufnahmen einsetzen #145

Merged

Phil merged 1 commit from fix/goldader-flachband-und-produktbilder into main

2026-09-10 13:05:49 +00:00

Phil commented

2026-09-10 13:05:44 +00:00

Owner

1. Rückbau: die Sequenz sagte das Falsche

In #135 habe ich das Material aus goldader-sequenz/ eingebaut, ohne es gegen die Aussage der Sektion zu prüfen. Es zeigt einen einzelnen Schlauch, der sich zu einer Schlangenlinie auszieht.

Das eingebaute Bildpaar sagte etwas anderes und Besseres:

goldader-schlaufe-v3-v3 — ein Knäuel aufgerollter Leitung, die Goldader läuft irgendwo darin mit
goldader-flachband-v3 — dasselbe Material als geordnetes Flachband, alle Stränge parallel, die Goldader liegt als eine klare Linie darin

Das ist der Goldprozess: aus dem Knäuel wird ein geordnetes Band, und dabei wird sichtbar, wo der Wert steckt. Die Schlangenlinie sagt nur „etwas rollt sich aus".

Das Paar ist zurück, mit der scroll-gebundenen Überblendung wie vorher. Die 40 Frames, das Canvas-Modul und dessen Einbindung sind entfernt, ebenso die dabei entstandenen 40 verwaisten Bild-Einträge in der Datenbank.

Zwei Dinge aus dem Umbau bleiben, weil sie unabhängig vom Material richtig sind:

Die Medienspalte klebt, damit das Bild während der ganzen Sektion im Blick bleibt — sonst sähe man das Knäuel, nie das Flachband.
Mobil steht das Bild vor dem Text (vorher 1.094 px Lesestoff bis zum ersten Bild).

Eine echte Sequenz von Knäuel zu Flachband bräuchte gerenderte Zwischenbilder aus derselben 3D-Quelle. Die gibt es nicht, und aus einem Bildmodell kommt so eine Verformung nicht verlässlich.

2. Echte Produktaufnahmen statt Nachbau

Die Karten rendern productShot bei 266 × 200 px, die Aufnahmen sind entsprechend zugeschnitten (4:3, 1064 × 798, WebP).

raven.ceo trug raven-oberflaeche-1830.webp — einen Nachbau, kein Bildschirmfoto. Jetzt ein Ausschnitt aus protokoll-zusammenfassung-1440.png: Meeting-Titel, Teilnehmer und die KI-Zusammenfassung mit drei Entscheidungen. Das ist genau der Beleg-Satz der Karte — gesprochenes Wissen wird abrufbar, die nächsten Schritte stehen dabei.

dav-mcp trug ein GitHub-Repo-Foto, also nur den Nachweis, dass das Ding existiert. Jetzt ein n8n-Arbeitsablauf, in dem dav-mcp als Werkzeug eines Agenten hängt, neben Modell, Gedächtnis und Datum — das zeigt, wozu es da ist.

Bildunterschriften in beiden Sprachen nachgezogen; sie beschrieben noch die alten Aufnahmen.

Verifikation (ausgeführt)

Bildpaar im DOM: goldader-schlaufe-v3-v3.webp bei Deckkraft 1, goldader-flachband-v3.webp bei 0, beide geladen (naturalWidth 750); am Ende der Sektion steht das Flachband. Produktkarten laden beide neuen Aufnahmen, ausgegebene Maße 266 × 200 passen zur Datei.

Gate	Ergebnis
`balance`	PASS 10,0 %
`overflow`	PASS 0 px / 0 px
`reduced_motion`	PASS 0,01 % / 0,05 %

Leere srcset-Kandidaten: 0.

Die Inhaltsänderungen (Bildzuordnung, Bildunterschriften) liegen in der lokalen Datenbank und brauchen einen DB-Push nach Prod.

Closes #144

🤖 Generated with Claude Code

https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G

## 1. Rückbau: die Sequenz sagte das Falsche In #135 habe ich das Material aus `goldader-sequenz/` eingebaut, ohne es gegen die Aussage der Sektion zu prüfen. Es zeigt **einen einzelnen Schlauch, der sich zu einer Schlangenlinie auszieht**. Das eingebaute Bildpaar sagte etwas anderes und Besseres: - `goldader-schlaufe-v3-v3` — ein Knäuel aufgerollter Leitung, die Goldader läuft irgendwo darin mit - `goldader-flachband-v3` — dasselbe Material als **geordnetes Flachband**, alle Stränge parallel, die Goldader liegt als eine klare Linie darin Das ist der Goldprozess: aus dem Knäuel wird ein geordnetes Band, und dabei wird sichtbar, wo der Wert steckt. Die Schlangenlinie sagt nur „etwas rollt sich aus". Das Paar ist zurück, mit der scroll-gebundenen Überblendung wie vorher. Die 40 Frames, das Canvas-Modul und dessen Einbindung sind entfernt, ebenso die dabei entstandenen 40 verwaisten Bild-Einträge in der Datenbank. **Zwei Dinge aus dem Umbau bleiben**, weil sie unabhängig vom Material richtig sind: - Die Medienspalte klebt, damit das Bild während der ganzen Sektion im Blick bleibt — sonst sähe man das Knäuel, nie das Flachband. - Mobil steht das Bild **vor** dem Text (vorher 1.094 px Lesestoff bis zum ersten Bild). Eine echte Sequenz von Knäuel zu Flachband bräuchte gerenderte Zwischenbilder aus derselben 3D-Quelle. Die gibt es nicht, und aus einem Bildmodell kommt so eine Verformung nicht verlässlich. ## 2. Echte Produktaufnahmen statt Nachbau Die Karten rendern `productShot` bei 266 × 200 px, die Aufnahmen sind entsprechend zugeschnitten (4:3, 1064 × 798, WebP). **raven.ceo** trug `raven-oberflaeche-1830.webp` — einen Nachbau, kein Bildschirmfoto. Jetzt ein Ausschnitt aus `protokoll-zusammenfassung-1440.png`: Meeting-Titel, Teilnehmer und die KI-Zusammenfassung mit drei Entscheidungen. Das ist genau der Beleg-Satz der Karte — gesprochenes Wissen wird abrufbar, die nächsten Schritte stehen dabei. **dav-mcp** trug ein GitHub-Repo-Foto, also nur den Nachweis, dass das Ding existiert. Jetzt ein n8n-Arbeitsablauf, in dem `dav-mcp` als Werkzeug eines Agenten hängt, neben Modell, Gedächtnis und Datum — das zeigt, wozu es da ist. Bildunterschriften in beiden Sprachen nachgezogen; sie beschrieben noch die alten Aufnahmen. ## Verifikation (ausgeführt) Bildpaar im DOM: `goldader-schlaufe-v3-v3.webp` bei Deckkraft 1, `goldader-flachband-v3.webp` bei 0, beide geladen (`naturalWidth 750`); am Ende der Sektion steht das Flachband. Produktkarten laden beide neuen Aufnahmen, ausgegebene Maße 266 × 200 passen zur Datei. | Gate | Ergebnis | |---|---| | `balance` | PASS 10,0 % | | `overflow` | PASS 0 px / 0 px | | `reduced_motion` | PASS 0,01 % / 0,05 % | Leere srcset-Kandidaten: 0. Die Inhaltsänderungen (Bildzuordnung, Bildunterschriften) liegen in der lokalen Datenbank und brauchen einen DB-Push nach Prod. Closes #144 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G

Phil added 1 commit

2026-09-10 13:05:44 +00:00

fix(goldprozess): zurueck auf Knaeuel zu Flachband, echte Produktaufnahmen b3fef6f799

Die 40-Bild-Sequenz aus #135 zeigte einen einzelnen Schlauch, der sich zu
einer Schlangenlinie auszieht. Das eingebaute Bildpaar sagte etwas anderes
und Besseres: aus dem Knaeuel wird ein geordnetes Flachband, und die
Goldader liegt als eine klare Linie darin. Genau das ist der Goldprozess.
Ich habe das Material genommen, ohne es gegen die Aussage der Sektion zu
pruefen -- das Paar kommt zurueck.

Aus dem Umbau bleiben zwei Dinge, weil sie unabhaengig vom Material
richtig sind: die Medienspalte klebt, damit das Bild waehrend der Sektion
im Blick bleibt, und mobil steht das Bild vor dem Text statt dahinter.

Produktkarten: raven.ceo trug einen Nachbau, dav-mcp ein GitHub-Repo-Foto.
Beide zeigen jetzt echte Oberflaechen -- ein Meeting-Protokoll mit
KI-Zusammenfassung und drei Entscheidungen, und dav-mcp als Werkzeug eines
Agenten in n8n. Bildunterschriften entsprechend nachgezogen.

Closes #144

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G