Sektion · 6 Varianten
Timeline-Tabs
sections/TimelineTabs.astro
Erklärung & Vertrauen. Waagerechte Zeitachse als Tabliste, ein Eintrag sichtbar. Autoplay füllt das Segment in Oliv, dann springt die Achse. 01 Achse, 02 Fuß, 03 Split, 04 Proof, 05 Zellen, 06 Titel. Nacht und Paper.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "achse" | "fuss" | "split" | "proof" | "zellen" | "titel" | "achse" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
| autoplay | boolean? | true | Fünf Sekunden je Datum. Aus bei prefers-reduced-motion. |
| label | string? | "Nach dem Launch" | Section-Label, zugleich aria-label der Achse. |
| title | string? | — | H2 über der Achse, bei Split links. |
| lead | string? | — | Lead unter der H2. |
| entries | TimelineEntry[]? | — | Sechs, aus timeline.ts. Datum, Titel, Base, Caption. |
<TimelineTabs variant="achse" surface="nacht" />
<TimelineTabs variant="zellen" surface="paper" autoplay={false} />Verhalten
- Fünf Sekunden Stand je Datum. Nur die Linie bewegt sich, das Panel wechselt hart.
- Hält bei Hover, Fokus, außerhalb des Viewports, prefers-reduced-motion und per Pause-Knopf.
- Pfeiltasten, Home, End auf der Achse. role=tablist, tab, tabpanel.
01 · Achse
Daten auf der Linie, Satz darunter
Sechs gleiche Segmente. Aktives Datum hell, Oliv läuft im Segment.
Nacht
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
Paper
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
02 · Fuß
Satz oben, Achse unten
Panel trägt, Achse ist die Fußzeile. Datum und Titel je Tab.
Nacht
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
Paper
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
03 · Split
Satz klebt links, Achse und Panel rechts
5 + 6. Achse in der rechten Spalte, drei Daten je Zeile.
Nacht
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
Paper
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
04 · Proof
Aktives Datum als Zahl
Achse nur Labels. Im Panel Datum als Proof, Oliv, dann Titel und Base.
Nacht
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Tag 0
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Woche 1
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Monat 1
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Monat 3
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Monat 6
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Jahr 1
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Paper
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Tag 0
Launch
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Woche 1
Index
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Monat 1
Query
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Monat 3
Nachweis
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Monat 6
Ruhe
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Jahr 1
Stand
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
05 · Zellen
Sechs Zellen, eine gefüllt
Tab ist die Zelle, Haarlinie um alle. Aktiv Granit-Fill, Oliv am Boden.
Nacht
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
Paper
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
06 · Titel
Titel auf der Achse, Datum im Panel
Achse zeigt Launch, Index, Query. Panel Datum als Label, dann Lead.
Nacht
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Tag 0
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Woche 1
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Monat 1
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Monat 3
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Monat 6
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Jahr 1
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.
Paper
Nach dem Launch
Die Fläche trägt. Ein Jahr lang nachgewiesen.
Launch ist Tag null. Was danach zählt, steht hier — mit Datum.
Tag 0
Live unter der eigenen Adresse. Sitemap eingereicht, Schema gesetzt, Redirects gelegt.
Kein Countdown, kein Teaser.
Woche 1
Jede Seite im Index. Kein Crawl-Fehler, kein Duplikat, kein Kanon, der auf sich selbst zeigt.
Die Fläche ist auffindbar, bevor sie beworben wird.
Monat 1
Erste Queries auf Seite eins. Marke und Kanon zuerst, Longtail folgt dem Satz.
Gefunden wird gemessen, nicht behauptet.
Monat 3
Report an den Auftraggeber. Was gefunden wird, was nicht — und was wir daraus legen.
Eine Seite, keine Folie.
Monat 6
Retainer oder Ruhe. Die Fläche trägt ohne Kampagne, der Slot ist längst frei.
Kein Account, der anruft.
Jahr 1
Ein Jahr Index. Der Satz steht noch, die Adresse auch. Was sich geändert hat, steht im Stand.
Version, Datum, Unterschrift.