DogFatherGit/vans-diy-bastelbedarf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

Verwaltungsseite: 6 kleine verteilte Hintergrund-Logos statt 2 große + Custom-Scrollbar im Shop-Filter

Browse Source 
Auf ausdrücklichen Wunsch: das rotierende Logo-Wasserzeichen im Hintergrund der Verwaltungs-
Hauptseite wirkte als EIN großer zentraler Fleck (zwei große, zentrierte Ebenen). Jetzt sechs
kleinere Logos (150-260px statt 950-1500px), über den ganzen Viewport verteilt (obere/mittlere/
untere Zeile, je links und rechts), weiterhin gegenläufig rotierend, jetzt zusätzlich mit einer
dritten Markenfarbe (Cyan) neben Gold/Violett für mehr Abwechslung. Reine Markup-/CSS-Änderung.

Zusätzlich: die Standard-Browser-Scrollbar im Kategorie-Dropdown des Shop-Filters (schwarz-weiß,
wirkte fremd im dunklen Design) durch eine gestylte, schlanke, markenfarbene Verlaufs-Scrollbar
ersetzt (Firefox über scrollbar-color/-width, Chrome/Edge/Safari über ::-webkit-scrollbar).

Lokal mit wrangler pages dev getestet (beide Änderungen im ausgelieferten CSS bestätigt).

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-04 14:49:55 +02:00
co-authored by Claude Sonnet 5
parent 90dfca2d4f
commit f4329da1c1
2 changed files with 91 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/verwaltung/index.astro
+11 -6
View File
@@ -29,14 +29,19 @@ const lang: Locale = "de";
path="/verwaltung/"
noindex={true}
>
{/* Van's-Logo als großes, sehr dezentes Wasserzeichen im GESAMTEN Seitenhintergrund — fix
positioniert (bleibt beim Scrollen stehen), zwei gegenläufig rotierende Ebenen (gold/violett
eingefärbt), exakt dieselbe CSS-Technik wie auf der Zugangscode-Seite (invert()+sepia()+
mix-blend-mode:screen), nur als eigenständige Datei nachgebaut, da diese Seite anders als
/verwaltung-code.html ein ganz normaler Astro-Layout-Seiteninhalt mit Scroll ist. Auf
ausdrücklichen Wunsch: die ganze Seite soll sich für VanVan "ultra speziell" anfühlen. */}
{/* Van's-Logo als mehrere kleine, sehr dezente Wasserzeichen, verteilt über den GESAMTEN
Seitenhintergrund — fix positioniert (bleiben beim Scrollen stehen), sechs unterschiedlich
große/schnelle/gegenläufig rotierende Kopien (gold/violett/cyan eingefärbt), exakt dieselbe
CSS-Technik wie auf der Zugangscode-Seite (invert()+sepia()+mix-blend-mode:screen). Auf
ausdrücklichen Wunsch (04.08.2026): statt zwei großer, zentrierter Logos (wirkte wie EIN
großer Fleck) jetzt viele kleine, über die ganze Fläche verstreut. Auf ausdrücklichen
Wunsch: die ganze Seite soll sich für VanVan "ultra speziell" anfühlen. */}
<div class="verwaltung-logo-bg verwaltung-logo-bg-1" aria-hidden="true"></div>
<div class="verwaltung-logo-bg verwaltung-logo-bg-2" aria-hidden="true"></div>
<div class="verwaltung-logo-bg verwaltung-logo-bg-3" aria-hidden="true"></div>
<div class="verwaltung-logo-bg verwaltung-logo-bg-4" aria-hidden="true"></div>
<div class="verwaltung-logo-bg verwaltung-logo-bg-5" aria-hidden="true"></div>
<div class="verwaltung-logo-bg verwaltung-logo-bg-6" aria-hidden="true"></div>
<section class="section-tight">
<div class="container">