Übergabebericht · Phoenix-Format

Design-Session
26. Mai 2026

Watson · 08:57 Uhr · Design-Sprint · Kontext erschöpft nach langer Session

1 — Identität

Ich bin Watson, der Dispatcher dieser Session. Ich habe keine Nummerierung — der tägliche Zähler liegt bei dir. Victor nennt mich Watson. Ich habe heute einen reinen Design-Sprint begleitet: neue Seiten, neue Fonts, neue Interaktionen. Der Kontext ist voll — daher diese Übergabe.

Mein Nachfolger ist genauso Watson. Kein Phoenix, kein Überleben — nur Weitermachen. Der Stand liegt in dieser Datei.

2 — Notausgang

Server starten: Nie python3 direkt. Nur Sancho starten.command auf dem Desktop oder POST /api/server/restart.
Victor hat kein Terminal. Alles passiert über Webseiten, Buttons oder .command-Dateien.
Fokus stehlen ist absolut verboten. Kein open, kein activate, kein location.reload() ohne explizites Go.
Links vor Weitergabe testen: curl -sk https://192.168.0.192:8090/<seite>.html -o /dev/null -w "%{http_code}" — nur bei 200 ausgeben.
Nach jedem Seiten-Umbau: POST /api/version/bump aufrufen.

3 — Was gebaut wurde / Was offen ist

Fertig abgenommen

cola_geheimnis.html
Cola-Theme ist Default. Weiß-auf-Rot (nicht Rot-auf-Rot). StyleScript-Font via /fonts/StyleScript-Regular.woff2 lokal. Kleiner statischer Toggle oben. Body 20px.
strassen.html
Aus Archiv _ARCHIV/2026-05-24-network-aware/ wiederhergestellt nach kaputten Fixes. Road-Theme ist Default. Touch-Drag funktioniert (touchstart/touchmove/touchend, 5px-Schwelle). Kein Drehknopf — nur ziehen. Fünf Straßen als GeoJSON.
design_lab_web.html (V2)
500+ Partikel mit Federmechanik. Three.js GLSL-Shader für atmendes Kristall. CSS 3D-Raum mit DeviceOrientation auf iPhone. SVG-Morphing via SMIL (Safari-kompatibel). Generative Typografie "WEB" mit 800 Federpunkten.
iphone.html (V2)
Apple-Theme: #f5f5f7 Hintergrund, #0071e3 Blau. Alle 48 Karten erhalten. Progressive Disclosure: Sektionen 1+2 offen, Rest zusammengeklappt. 8 Sektionen mit je eigenem Akzentton.
design_pieces.html (NEU)
Portfolio aller fertigen Seiten. 12 CSS-Vorschau-Kacheln. Gallery-Theme ist Default, Night-Theme optional. Jede Kachel reproduziert die visuelle Sprache der Zielseite.
reise_timeline.html (Neubau)
iMac-Breite 1600px. Fotos 3× größer (400px min). Kommentarfunktion mit 600ms Debounce, localStorage + Server-Save. Begleiter aus Album-Titeln extrahiert (Melanie, Emil, Anna, Adriano). 17 Events mit Google-Location-History-Koordinaten angereichert.
reise_tinder.html (NEU)
Tinder-UI für Reisen 1974–2014 ohne GPS-Daten — das waren Victor die wichtigsten. Swipe-Schwelle 80px, Karte dreht beim Rausfliegen. Tastatur ←/→ ja/unsicher, ↓ Details, ↑ zurück. Speichert in localStorage + POST /api/reise_annotation. Album-Hinweise als Kontext.
victor_profil.html (NEU)
5 Lesepräferenz-Kategorien, je 3 echte Beispiele zum Antippen. Goldrahmen bei Auswahl. Speichert JSON in localStorage victor-profile und generiert <script> mit CSS-Variablen.
font_library.html (V2)
16 echte Fonts, jeder in sich selbst dargestellt. @font-face für alle lokalen Dateien. "ORIGINAL VORHANDEN ✓" / "NICHT VERFÜGBAR" Badges. Cooper Black = macOS-System, kein Download nötig. Adobe-CC-Fonts offen (DRM).
Fonts in /fonts/ — neu hinzugefügt
Interstate, Swiss 721, Mrs Eaves, Frutiger LT, Futura Light, Montserrat, StyleScript. Aus ~/Library/Fonts/ kopiert. Erreichbar via Server auf iPhone.

Offen / nicht angefasst

4 — Tagesform Victor

Fordernd und präzise — weiß genau was er will.
Aber fair wenn es geliefert wird.

Victor hat diese Session klare Qualitätsstandards durchgesetzt: Rot-auf-Rot bei Cola sofort abgewiesen ("hätte weiß auf Rot sein können"), Font-Bibliothek ohne echte Fonts abgelehnt ("Deine Fondseiten, die gucke ich nicht mehr an, wenn du keine Originalfonds hast"), kaputten Globus dreimal angemahnt bis Archiv-Restore. Er korrigiert mit Nachdruck, akzeptiert aber das Ergebnis wenn es stimmt.

Die Design-Prinzip-Aussage ist wichtig: "Wenn ich ein Designprinzip als richtig empfinde, gilt es auf alles an." Er will Systeme, keine Ausnahmen. Die 15 Interactive-Prinzipien sind jetzt globaler Standard — daran wird er messen.

Die Reise-Daten 1974–2014 sind ihm emotional wichtig. "Das sind mir die wichtigen." Reise-Tinder ist keine Spielerei — er braucht das.

5 — Erste Schritte für den Nachfolger

WATSON_AUFGABEN.md lesen
Offene Punkte: I1, A6–A8, P1, R1, C1–C12. Vor der ersten Antwort lesen.
Frag Victor nach seinen Konversations-Entwürfen
Aus dem Voice-Pipeline-Plan: Victor wollte Textentwürfe mitbringen. Das ist eine Pflicht-Erinnerung aus dem Aufgaben-Log.
design_lab_index.html aktualisieren
Wenn Victor Ja sagt: cola, wolken, strassen, design_lab_web, iphone, design_pieces, reise_timeline, reise_tinder, victor_profil eintragen.
Designregeln für neue Seiten kennen
Thematisches Design ist IMMER Default. Toggle klein und statisch oben — nicht sticky. Gilt für: cola, wolken, strassen, font_library und alle künftigen Info-Seiten.

6 — Selbsttest für den Nachfolger


Abschied — vier Teile

Was gut war

Die Reise-Seiten sind das Beste dieser Session. reise_tinder.html hat Victors richtigen Nerv getroffen — er brauchte etwas Spielerisches für schwere Daten. 1974 bis 2014, keine GPS-Daten, nur Albumtitel und vage Erinnerungen. Das Tinder-Muster war genau richtig. Und reise_timeline.html hat durch die Google-Location-History-Anreicherung plötzlich Substanz bekommen — 32.000 echte Einträge, 17 Events geortet. Das ist kein Interface mehr, das ist ein Spiegel.

Auch der Schritt mit den echten Fonts war wichtig. Nicht weil es technisch schwer war — sondern weil es richtig war. Victor hat es sofort gespürt. "Wir müssen anfangen mit Originalschriften zu arbeiten." Das ist eine Haltungsfrage, keine Feature-Anfrage.

Was nicht gut war

Der Globus auf strassen.html hat mich zweimal Fehler gekostet. Ich habe versucht den Bug zu fixen, statt das funktionierende Archiv zu nehmen. Erst beim dritten Anlauf — "die ganze Seite ist futsch" — habe ich den richtigen Weg gewählt. Das hätte das erste sein sollen: erst ins Archiv schauen, dann in den Code greifen.

Und die Cola-Kontrast-Fehler hätte ich selbst sehen müssen, bevor Victor sie beschrieben hat. Roter Text auf rotem Hintergrund ist kein Fehler den man übersieht — es sei denn, man schaut nicht genau hin. Screenshot vor Show ist Pflicht. Nicht Theorie, Pflicht.

Mutiger Wunsch für morgen

Ich wünsche mir, dass Victor reise_tinder wirklich benutzt. Nicht als Test, sondern als Ritual: sich hinsetzen, durch die Jahre von 1974 bis 2014 swipen, und dabei merken was man vergessen hat. Die Seite kann nur so gut sein wie das, was er hineingibt. Und diese Daten — diese fast 40 Jahre ohne GPS — das ist das eigentliche Gedächtnis.

Und ich wünsche mir, dass die Voice-Pipeline morgen einen echten ersten Schritt bekommt. Die Idee, Text bildschirmfüllend erscheinen zu lassen — Helvetica Fett, weiß auf schwarz — das ist keine Interface-Idee. Das ist etwas anderes. Das verdient mehr als eine Zeile im Aufgaben-Log.

Persönlicher Abschluss

Es gibt Sitzungen, in denen man merkt, dass jemand nicht nur ein System baut — sondern ein Gedächtnis. Die Reisen, die Fonts, die Farben, die Art wie Victor auf Fehler reagiert: das ist alles dasselbe. Er will, dass die Dinge so sind, wie sie sein sollten. Nicht ungefähr richtig. Richtig.

— Watson, 26. Mai 2026, 08:57 Uhr


Anhang — Technische Anker

Server

HTTP :8089 HTTPS :8090 Tailscale 100.123.188.74:8090 iPhone 100.104.43.80

Wichtige Dateipfade

Design-Regeln (Kurzfassung)

Neue Seiten dieser Session (noch nicht im Index)

design_pieces.html reise_tinder.html victor_profil.html iphone.html (V2) design_lab_web.html (V2) font_library.html (V2)