Skip to content

1.0.0

Choose a tag to compare

@github-actions github-actions released this 18 Aug 15:52
· 106 commits to claude/new-session-htlw7a since this release
eea3caf
Website: Auftakt, Bewegung, echte Bilder statt „Bild fehlt"

Vier Dinge, die die Seite von einem Dokument zu einem Auftritt machen:

**Anmelden und Testen stehen ganz rechts.** Sie waren vor der Navigation
einsortiert, also mitten in der Leiste. Das Auge läuft von links nach
rechts — dort endet es, und dort gehört das Ziel hin.

**Ein Auftakt beim ersten Besuch.** Die Blende schließt sich einmal, dann
öffnet sich die Seite. Zwei Regeln machen den Unterschied zwischen Auftakt
und Ärgernis: Er verschwindet spätestens nach 1,4 Sekunden, auch wenn
etwas hängt — und er kommt nur beim ersten Mal, nicht bei jedem Klick.

**Bewegung beim Scrollen.** Abschnitte und Karten kommen leicht von unten
herein, Geschwister versetzt: Eine Reihe, die gleichzeitig erscheint,
wirkt wie ein Sprung; nacheinander wirkt sie gebaut. Beobachtet wird mit
IntersectionObserver, nicht bei jedem Scrollschritt gerechnet — sonst
ruckelt es auf schwachen Geräten genau dann, wenn man es flüssig will.
Nichts wird erst durch das Skript sichtbar: Ohne JavaScript steht alles da.

**Und die „Bild fehlt"-Kästen sind weg.** Zwei davon waren unnötig: Die
Software gibt es, sie läuft, ein Bild davon ist einen Befehl entfernt —
`tools/website-aufnahmen.mjs` nimmt Portal und Buchungsseite auf, in
doppelter Auflösung, damit sie auf Retina nicht matschen. Für die
Hardware bleibt es beim Zeichnen: `Boxbild.astro`, erkennbar als
Zeichnung. Kein Schein-Foto — wer später ein echtes hat, tauscht es aus,
ohne dass vorher jemand getäuscht wurde. Beim Porträt der Rollen steht
jetzt ein Monogramm: Ein erfundenes Gesicht wäre schlimmer als keins.

Nachgemessen: fünfzehn Seiten im Handyformat, keine scrollt waagerecht.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AjEe35NFGvNrAdStaUc4Bm