# David Friedrich — Drescher-Fassung

Lokale, funktionale Referenzfassung nach [Simon Drescher](https://www.simondrescher.com/), Stand 7. September 2026. Die aktuelle Nutzeranweisung verlangt eine wesentlich engere Rekonstruktion der vier ursprünglichen Websites. Diese Fassung übernimmt deshalb deren konkrete Übersicht und Bewegung. Die gezeigten Filme bleiben ausdrücklich autorisierte Rodrigo-Bustamante-Platzhalter.

## Nachgebildete Eigenschaften

- Weißer, zentrierter Kopf: Desktop 174 px, Smartphone 120 px. Er scrollt mit dem Dokument aus dem Bild.
- Name in 24 px mit 0,8 px Zeichenabstand, kleine Disziplin-/Navigationszeilen. Work und Contact sind echte Ziele.
- Erstes Motiv bei 1440 px Breite exakt 1440 × 600 px. Danach zwei bündige Spalten mit 720 × 300 px, ohne Zwischenräume. Mobil eine Spalte mit 390 × 162,5 px beziehungsweise 320 × 133,33 px.
- Normales Scrollen im Verhältnis 1:1. Kein Wheel-Handler, keine Scroll-Szenen, kein Snap und kein Parallax.
- Ausschließlich Hover verändert das Motiv: Scale 1,025 über 1,2 s mit der beobachteten Kurve `cubic-bezier(.445,.05,.55,.95)`. Der Effekt gilt nur für Geräte mit feinem Zeiger und Hover. Bei reduzierter Bewegung entfällt der zeitliche Übergang.
- Die Galerie hat wie das Original kein zusätzliches Playzeichen auf den Bildern. Die ganze Bildfläche ist der Filmzugang, mit einer zugänglichen Beschriftung für Tastatur und Screenreader.

## Film und Quellen

Ein Klick öffnet unmittelbar die vollständige MP4-Datei in einem schwarzen Projektplayer. Die Originalseite verwendet hierfür eine eigene Projektseite und einen zusätzlichen Vimeo-Play-Schritt; diese Demo setzt den ausdrücklich gewünschten direkten Filmstart um. Der große Playkreis erscheint nur als Startmöglichkeit, wenn der Browser das Abspielen nicht unmittelbar erlaubt. Native Videokontrollen, Schließen, Escape, Originaldatei, Materialquelle und Fokus-Rückgabe sind vorhanden.

Die zwölf Projekte stammen unverändert aus [assets/projects.json](../assets/projects.json). Es gibt keine erfundenen David-Credits, keine kopierten Referenzfilme und keine automatische Wiedergabe in der Übersicht. Herkunft im Player und am Seitenende: **Demo material by Rodrigo Bustamante**. Der Kontakt verwendet die in der bereitgestellten E-Mail genannte Adresse.

Die proprietäre Schrift AG-Ex des Originals wurde nicht übernommen; Arial/Helvetica mit leicht verbreiterter Namensmarke bildet ihre Proportion annähernd nach. Wegen zwölf Platzhalterprojekten endet das zweispaltige Raster mit einer einzelnen Kachel; die finale Projektzahl kann das ausgleichen. Hochformatige Platzhalter werden innerhalb des vorgegebenen breiten Bildrasters beschnitten.

## Prüfung und Dateien

Messungen und Screenshots: [qa/version-checks.json](qa/version-checks.json), [Desktop](qa/1440-start.png), [Player](qa/1440-player.png), [Smartphone](qa/390-start.png). Das gemeinsame Prüfsystem für Drescher und Pollack steht unter [qa/check-versions.cjs](qa/check-versions.cjs). Es prüft native Scrollgeometrie, Hover-Isolation, echte Filmwiedergabe, Quellenlink, Escape, Fokus-Rückgabe und Überlauf bei 1440, 390 und 320 px.

[Ausführliche Originalrecherche](../research/drescher-pollack.md) · [Exakter Scrollvergleich](../research/scroll-comparison.md) · [Materialherkunft](../assets/ASSET-SOURCES.md).

`python3 drescher/build-pages.py` erstellt die statischen HTML-Dateien dieser Fassung und der Pollack-Fassung aus dem bestehenden Manifest. Player-Code und Player-CSS liegen hier und werden auch von `../pollack/` geladen.