Station log with continuous horizon
Eén observatie,
meerdere echte routes.
DAUWDRUK is een fictief publiek weerstation op een herbestemde Oost-Vlaamse landingsbaan. De persona is een civil-aviation information designer: het beeld mag emotioneel zijn, de interface moet oriënteren.
Daarom is dit geen app-dashboard. De site gebruikt grote typografie, vaste veldcodes, gewone hyperlinks en één fotografisch territorium. Alle tijden, metingen, adressen en sessies zijn showcasecopy.
Astro / native View Transitions
De foto reist.
De link blijft een link.
Op de startpagina en `/verwachting` krijgen dezelfde horizon en druklijn een gedeelde `view-transition-name`. Ondersteunende browsers laten die elementen doorlopen tijdens een normale documentnavigatie. Er is geen clientrouter en geen animatiebibliotheek.
Zonder ondersteuning volgt de browser simpelweg de anchor naar een nieuwe pagina. Bij `prefers-reduced-motion: reduce` wordt de navigatieanimatie uitgeschakeld. De compositie en inhoud blijven gelijk, dus de betekenis hangt nooit af van beweging.
Pexels / bronpagina eerst geopend
Gelicenseerd.
Lokaal geoptimaliseerd.
De drie foto's zijn op 11 juli 2026 geselecteerd nadat zowel hun Pexels-bronpagina als de officiële Pexels-licentie was geopend. Pexels staat gratis gebruik en bewerking toe en vereist geen naamsvermelding; DAUWDRUK vermeldt de makers toch naast elk beeld.
- Tim PasemannGolden sunrise through grasses
- Péter KövesiStorm clouds approaching sunny field
- Péter KövesiStorm clouds above a field
- LicentieOfficiële Pexels License
Restricties gerespecteerd: geen ongewijzigde wederverkoop, geen impliciete aanbeveling, geen herdistributie als stock en geen gebruik van de foto's als merk.
Inhoud vóór effect
Ook leesbaar
zonder horizon-effect.
Semantische landmarks, een skiplink, zichtbare toetsenbordfocus, betekenisvolle altteksten, expliciete fotomaten en contrastrijke captionrails vormen de basis. Navigatie blijft op mobiel een horizontale lijst van echte links; er is geen verborgen menu dat JavaScript nodig heeft.
- Tekst / cloud
- 13,88:1
- Signaalrood / cloud
- 6,35:1
- Cloud / weather-blue
- 7,90:1
- Beweging
- native + reduce fallback