Aus prototyp-app.html im Design-Projekt uebernommen: neue GLSL-Shape 8
(aspect-korrigierte Kapsel statt zentrierter Kugel - passt sich der
Pill-Breite an), Chips auf shape:8, Liquid-Metal-Uniform u_shape 1->0.
Bildpfade bleiben .jpg (Design-Kopie basierte auf aelterem .png-Stand).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
WebGL2-Port von designali-in/dithering-shader als Vanilla-Modul (mountDither):
Shader laeuft als Canvas-Layer in den drei Chips, ausgewaehlt = weiss/silber
(#f2f2f2), nicht ausgewaehlt = dunkelgrau (#555); Auswahlwechsel aendert nur
die Front-Farbe (keine neuen GL-Kontexte). Mount lazy beim ersten Oeffnen des
Create-Screens; ohne WebGL2 bleibt der normale Chip-Look.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Der globale .app-padding-bottom machte die Seite hoeher als den Viewport ->
auf dem Feed war vertikales Wippen moeglich. Explore sperrt jetzt body-Scroll
(overflow:hidden, height:100dvh, padding-bottom:0), scrollbare Screens
(Detail/Create/Profil) bleiben unveraendert.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- Radial-Glow rgba(241,99,99,.21) am unteren Rand auf Explore, Detail und Create
- Bottom-Nav als Liquid-Glass: feTurbulence+feDisplacementMap-Filter als
backdrop-filter (blur(20px) als Fallback) + Glas-Kanten-Ring via inset-Shadows
- Mara S. mit Avatar-Foto (50% 16% / 300%-Ausschnitt) im Feed und Detail-Header,
Fallback bleibt Gradient+Initial solange das Bild fehlt
- Hintere Deck-Karten zeigen ihr eigenes erstes Bild (brightness .85) statt des
geblurrten Top-Bilds
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- Hood-Kurve 1:1 aus dem Design: pro Tab eigene Plateau-Breite (hoodPath(cx,nh)),
Tab-Positionen werden aus dem DOM gemessen, am Rand verschmilzt die Hood mit
der Bildschirmkante; Center+Breite werden gemeinsam animiert (460ms, Overshoot)
- Tabs als zentrierte Flex-Row (gap 96px) mit vergroesserter Hit-Area
- Neue Geometrie: viewBox 430x120, floor 76, Statushoehe 64px (Design-Basis)
- POSTS mit pics-Arrays (uploads/pasted-*.png): Karten, Hintergrund-Blur und
Detail-Strip nutzen echte Bilder; Fallback auf Dummy-Verlaeufe solange eine
Datei fehlt (Preload-Probe), Labels nur ohne Bild
- Detail: neuer Prompt (Roter Toner im rosa Bogenfenster), Maras Ketten-Labels
(Toner im Bogenfenster / Age Decoder Essence / Poster-Ad), Strip JS-gerendert
Hinweis: uploads/*.png folgen separat (Design-API kappt Dateien >256KiB)
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- Neuer Look aus dem Claude-Design-Projekt (BrandLoop.dc.html): dunkles
Explore-Konzept mit Swipe-Feed (Like/Skip, Bild-Ketten, Tab-Hood),
Post-Detail (Prompt uebernehmen, eigenes Modell einsetzen) und
Create-Screen (Kette, Format, Vorschau)
- Navbar: schwebende Pill-Navigation Feed / Profil (Menschlein) / Plus / Dev
- Home ersetzt durch Profil-Tab (Menschlein)
- Tabs Erstellen + Verbessern entfernt (Plus-Button bzw. Profil)
- Knowledge Base komplett in den Profil-Screen integriert
- Alte Flows (Szene->Script->Vote, Modell, Verbessern, Dev-Modus,
Onboarding) bleiben erhalten und sind ueber Create/Profil erreichbar
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
