# David Friedrich — Pollack-Fassung

Lokale, funktionale Referenzfassung nach [Ekkehart Pollack](https://www.epollack.com/), Stand 7. September 2026. Diese zusätzliche Version folgt der jüngsten Nutzeranweisung, die ursprünglichen vier Websites deutlich genauer nachzubilden. Die Filme bleiben als Rodrigo-Bustamante-Demomaterial gekennzeichnet.

## Nachgebildete Desktop-Geometrie

- Schwarzer Hintergrund, schmale goldgelbe Navigation (`#edb809`), dünne gesperrte Namensmarke, kleine Raute und Disziplinzeile.
- Kopf 137 px hoch und sticky bei y = 0. Die erste Bildreihe beginnt bei y = 322 px.
- Bei 1440 px Breite: 64 px Außenrand, 20 px Spaltenabstand, drei Kacheln zu exakt 424 × 238,5 px. Titel beginnen 24 px unter dem Bild. Der Reihenabstand beträgt 335,5 px.
- Originaltypografien für Name und Titel: lokal geladene Roboto Thin und Open Sans Condensed Light. Die Navigation verwendet einen Systemfont statt DIN.
- Im Ruhezustand statische Stills. Beim Hover wird das Bild bis Schwarz abgedunkelt, und der kleine umrandete Playkreis mit 50 px Durchmesser erscheint. Keine automatischen Desktop-Loops und keine scrollgetriebene Vergrößerung.

## Tatsächliche Scrollmechanik

Das Raster scrollt nativ 1:1. Nur der sticky Kopf blendet abwärts aus und aufwärts wieder ein, mit 0,2 s `ease-in`.

Im Original wurden die Umschaltbereiche zwischen 160/200 px abwärts und 120/80 px aufwärts gemessen. Diese Demo legt die konkreten Schwellen **180 px abwärts / 100 px aufwärts** innerhalb dieser belegten Intervalle fest. Die Hysterese verhindert Flackern bei winzigen Gegenbewegungen. Dies sind explizite Implementierungswerte innerhalb der Messgrenzen, keine vorgetäuschten exakt aus Wix abgelesenen Originalkonstanten. Bei Stillstand bleibt der Zustand erhalten; Tastaturfokus macht die Navigation zugänglich.

## Play und Smartphone

Desktop öffnet ein Kachel-Klick direkt die vollständige MP4 in einer schwarzen Lightbox. Diese hat Filmname, Close-X, native Videokontrollen, Quellenlinks und eine horizontale Auswahl weiterer Filme. Escape schließt, stoppt und entlädt das Video; der Fokus kehrt zur auslösenden Kachel zurück.

Smartphone übernimmt das getrennte Grundmuster der Originalseite: Hamburger, eine Spalte, Titel und kleineres Playzeichen im Bild, helle Trennlinien und **Inline-Wiedergabe statt Desktop-Lightbox**. Die erste Kachel zeigt automatisch nur die kurze stumme Loop-Vorschau. Sie pausiert außerhalb des sichtbaren Bereichs sowie im inaktiven Tab und entfällt bei reduzierter Bewegung oder aktiviertem Datensparmodus. Erst ein bewusster Tap auf die weiterhin erreichbare Playfläche lädt die vollständige MP4 mit nativen Kontrollen. Ein weiterer gewählter Film stoppt und entlädt den vorherigen. Diese gezielte Performance-Anpassung unterscheidet sich vom automatischen Vollfilmstart des Originals. Die Inlinefläche hat Schließen und einen Link zur vollständigen Datei. Die Demo benutzt die reale Gerätebreite und kopiert weder den erzwungenen 320-px-Wix-Viewport noch den variablen Wix-Appbanner.

Die Navigation enthält Work, die tatsächlich vorhandenen Kategorien Commercial/Social und Contact. Leere Originalkategorien oder fremde Socialprofile werden nicht vorgetäuscht. Alle zwölf Projekte bleiben unter Work erreichbar. Ein „Load More“ ist bei zwölf vollständigen Platzhaltern nicht erforderlich.

## Quellen, Schriften und Prüfung

Die Medien kommen aus [assets/projects.json](../assets/projects.json). Attribution am Seitenende, im Desktopplayer und am aktiven Inlinefilm: **Demo material by Rodrigo Bustamante**. [Materialherkunft](../assets/ASSET-SOURCES.md).

Schriftdateien wurden über die offiziellen [Google-Fonts-CSS-Angaben für Roboto](https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap) und [Open Sans Condensed](https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap) bezogen und lokal gespeichert. Die Lizenzangaben in den TTF-Namensdaten nennen für Roboto die Open Font License und für Open Sans Condensed Apache 2.0. Die zugehörigen Texte liegen unter [Roboto-OFL.txt](fonts/Roboto-OFL.txt) und [Open-Sans-Condensed-LICENSE.txt](fonts/Open-Sans-Condensed-LICENSE.txt).

[Originalrecherche](../research/drescher-pollack.md) · [Genaue Scroll-/Hovermessung](../research/scroll-comparison.md) · [Gemeinsamer Prüfbericht](../drescher/qa/version-checks.json) · [Desktop](qa/1440-start.png) · [Hover](qa/desktop-hover.png) · [Smartphone-Inlineplayer](qa/390-inline-player.png).

Die abschließende Messung senkt den automatischen mobilen Startdownload von 16,33 auf 0,76 MB. Bei 390 und 320 px wurden die laufende kurze Vorschau, ihre Pause außerhalb des Viewports, der echte Touch-Start des Vollfilms über 0,50 s sowie Close, Quellenfreigabe und Fokusrückgabe geprüft. [Loop-/Touch-Nachweis](../directions/qa/pollack-preview-results.json) · [Netzwerk-Matrix](../research/qa/integration-results.json).

HTML-Erstellung: `python3 drescher/build-pages.py`. Der Desktopplayer verwendet das gemeinsame Modul [drescher/player.js](../drescher/player.js) und dessen Stylesheet; die Scroll- und Inline-Mechanik dieser Fassung liegt vollständig in [app.js](app.js).