From e31ee1ad0785a18bf3287b7c2f7ed28048b14962 Mon Sep 17 00:00:00 2001 From: Dotty Dotter Date: Sat, 9 May 2026 02:47:04 +0200 Subject: [PATCH] feat(tour): Welcome-Banner + Tour auf Startseite, Logo-Klick zur Startseite MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Drei zusammenhängende UI-Bausteine: 1) Tour-Engine ist jetzt page-agnostisch — sie liest die Stationen aus ``window.GWOE_TOUR_STEPS`` (pro Page hinterlegt), nicht mehr aus einem eingebauten Konstanten. Tour-Komponente wird per ``{% include %}`` eingehängt; das Page-Template definiert vorher seine eigenen Steps. Antrag-Detail-Tour wurde entsprechend in das eigene Template gezogen. 2) Startseite (v2/screens/durchsuchen.html): „Du bist neu hier?"-Banner oben mit zwei Buttons — „🧭 Tour starten" und „Nein, danke". Banner bleibt sichtbar, bis explizit weggeklickt wird (localStorage-Flag), oder die Tour gestartet wird. Fünf Stationen für die Startseite: Marken-Block, Suche, Score-Filter + Sortierung, Antrags-Liste, linke Navigation. 3) Logo-Klick führt jetzt zur Startseite — sowohl in v2/base.html als auch in components/appshell.html. ``v2-brand`` und ``v2-brand-sub`` sind in einen ```` mit Hover-Highlight gewickelt (``.v2-brand-link``). Phase 2 (ElevenLabs-Voice) ist der nächste Schritt — bisher läuft das Audio über die Web Speech API. --- app/static/v2/v2.css | 11 +++ app/templates/v2/base.html | 10 ++- app/templates/v2/components/appshell.html | 10 ++- app/templates/v2/screens/durchsuchen.html | 88 +++++++++++++++++++++ app/templates/v3/components/tour.html | 56 +++++-------- app/templates/v3/screens/antrag_detail.html | 17 ++++ 6 files changed, 149 insertions(+), 43 deletions(-) diff --git a/app/static/v2/v2.css b/app/static/v2/v2.css index b67127e..97e95dd 100644 --- a/app/static/v2/v2.css +++ b/app/static/v2/v2.css @@ -134,6 +134,16 @@ body.v2 :focus-visible { height: 100vh; } +.v2-brand-link { + display: block; + text-decoration: none; + color: inherit; +} +.v2-brand-link:hover .v2-brand, +.v2-brand-link:focus-visible .v2-brand { + color: var(--ecg-teal); +} + .v2-brand { font-family: var(--font-sans); font-weight: 900; @@ -142,6 +152,7 @@ body.v2 :focus-visible { color: var(--ecg-dark); letter-spacing: 0; line-height: 1.05; + transition: color 0.12s ease; } .v2-brand .grn { color: var(--ecg-green); } diff --git a/app/templates/v2/base.html b/app/templates/v2/base.html index 1e6ff37..bb832b5 100644 --- a/app/templates/v2/base.html +++ b/app/templates/v2/base.html @@ -25,10 +25,12 @@