Zeitreise: 4 Ereignisse entfernt + einladender "wächst noch"-Hinweis

Nutzer-Wunsch 20.08.2026: vier Zeitleisten-Karten sollten komplett weg
("Ein neues Kapitel beginnt" / Mai 2026, "Die ersten betreuten Creator",
"Weitere Scouts und Manager kommen hinzu", "Das erste Community-Treffen") --
entfernt aus zeitreise.html samt der zugehoerigen, jetzt ungenutzten
i18n-Keys (zr_ev5_*, zr_ev16_*, zr_ev17_*, zr_ev18_*). 20 -> 16 Karten.

Zusaetzlich: gleich am Seitenanfang soll auffallen, dass diese Zeitreise
noch nicht fertig ist. Bewusst NICHT die alte .todo-note-Optik reaktiviert
(die war fuer Entwickler gedacht und wurde am 31.07.2026 sitewide bewusst
unsichtbar gemacht) -- stattdessen ein neuer, fuer Besucher gestalteter
Hinweis (.zeit-baustelle), der zum Wachstums-Baum-Thema der Seite passt
(🌱 "Der Anfang" oben, 🌳 "...wächst weiter" unten): "Diese Zeitreise
wächst noch", babyblauer Glow-Rahmen, leicht wiegendes Setzlings-Icon.
Alle 5 Sprachen gepflegt.

Per Playwright verifiziert: alle 4 Karten wirklich weg (Text-Suche),
16 statt 20 .zeit-ast-Elemente, Hinweisbox sichtbar mit korrektem Text,
keine Konsolenfehler.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-20 11:23:38 +02:00
co-authored by Claude Opus 5
parent c4fa132244
commit 9cb4e177ee
3 changed files with 71 additions and 92 deletions
+44
View File
@@ -1791,6 +1791,50 @@ header.site-header {
box-shadow: 0 0 60px 6px rgba(143,217,234,.18);
opacity: .85;
}
/* "Diese Seite wächst noch"-Hinweis (20.08.2026, Nutzer-Wunsch) — bewusst
einladend statt wie eine Fehler-/Baustellen-Meldung, im selben Babyblau
wie der Rest des Wachstums-Baum-Themas dieser Seite (.zeit-baum-kappe/
-wurzel). Sitzt VOR dem Baum, damit Besucher sofort verstehen: hier
entsteht noch etwas, ohne dass es wie ein Fehler wirkt. */
.zeit-baustelle {
display: flex;
align-items: flex-start;
gap: 1rem;
max-width: 640px;
margin: 0 auto 2.6rem;
padding: 1.1rem 1.4rem;
border-radius: var(--radius);
background: rgba(143, 217, 234, .06);
border: 1.5px solid rgba(143, 217, 234, .35);
box-shadow: 0 0 24px rgba(143, 217, 234, .12);
}
.zeit-baustelle-icon {
flex-shrink: 0;
font-size: 1.8rem;
line-height: 1;
filter: drop-shadow(0 0 8px rgba(143, 217, 234, .55));
animation: zeit-baustelle-wiegen 3.5s ease-in-out infinite;
}
.zeit-baustelle strong {
display: block;
font-size: 1.05rem;
margin-bottom: .3rem;
color: var(--text);
}
.zeit-baustelle p {
margin: 0;
font-size: .92rem;
color: var(--text-muted);
line-height: 1.55;
}
@keyframes zeit-baustelle-wiegen {
0%, 100% { transform: rotate(-5deg); }
50% { transform: rotate(5deg); }
}
@media (prefers-reduced-motion: reduce) {
.zeit-baustelle-icon { animation: none; }
}
.zeit-baum-kappe {
position: relative;
display: flex;