Hero-Tiere durch echte Artworks ersetzt: Husky + grauer Hase aus vorhandenem Stream-Layout-Material (blaue Augen, Rüstung), mit DOGFATHER/HASIDOG-Labels, sanftes Schweben statt grober SVG-Silhouetten

This commit is contained in:
2026-07-30 23:35:14 +02:00
parent 3b9c9ef52e
commit 96087f460e
4 changed files with 55 additions and 46 deletions
+16 -24
View File
@@ -44,35 +44,27 @@
<!-- Zone 3: Nebel unten -->
<span class="fog-ground"></span>
<!-- Husky #1 -->
<svg class="animal-silhouette husky n1" viewBox="0 0 200 200" style="top:10%;right:5%;width:min(26vw,230px);" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M100 18 L68 2 L74 46 Q48 58 43 92 Q39 132 68 162 Q100 184 132 162 Q161 132 157 92 Q152 58 126 46 L132 2 Z" />
<circle class="eye-glow" cx="80" cy="92" r="7" fill="var(--accent)" />
<circle class="eye-glow" cx="120" cy="92" r="7" fill="var(--accent)" />
</svg>
<!-- Husky #1 (Hauptfigur, mit Namen) -->
<div class="hero-critter husky main" style="top:8%;right:3%;">
<img src="assets/img/hero-husky.png" alt="Husky im Dogfather-Look" />
<span class="critter-label">DOGFATHER</span>
</div>
<!-- Hase #1 -->
<svg class="animal-silhouette rabbit n2" viewBox="0 0 200 220" style="bottom:20%;left:4%;width:min(20vw,180px);" xmlns="http://www.w3.org/2000/svg">
<path stroke="currentColor" stroke-width="20" stroke-linecap="round" fill="none" d="M84 8 Q72 60 78 104 M116 8 Q128 60 122 104" />
<ellipse cx="100" cy="146" rx="58" ry="52" fill="currentColor" />
<circle class="eye-glow" cx="80" cy="136" r="7" fill="var(--accent)" />
<circle class="eye-glow" cx="120" cy="136" r="7" fill="var(--accent)" />
</svg>
<!-- Hase #1 (Hauptfigur, mit Namen) -->
<div class="hero-critter rabbit main" style="bottom:16%;left:3%;">
<img src="assets/img/hero-rabbit.png" alt="Grauer Hase im HasiDog-Look" />
<span class="critter-label">HASIDOG</span>
</div>
<!-- Husky #2 (kleiner, weiter hinten) -->
<svg class="animal-silhouette husky n3" viewBox="0 0 200 200" style="top:34%;left:10%;width:min(15vw,130px);animation-delay:-7s;" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M100 18 L68 2 L74 46 Q48 58 43 92 Q39 132 68 162 Q100 184 132 162 Q161 132 157 92 Q152 58 126 46 L132 2 Z" />
<circle class="eye-glow" cx="80" cy="92" r="7" fill="var(--accent)" />
<circle class="eye-glow" cx="120" cy="92" r="7" fill="var(--accent)" />
</svg>
<div class="hero-critter husky small" style="top:40%;left:9%;">
<img src="assets/img/hero-husky.png" alt="Husky im Dogfather-Look" />
</div>
<!-- Hase #2 (kleiner, weiter hinten) -->
<svg class="animal-silhouette rabbit n4" viewBox="0 0 200 220" style="bottom:26%;right:14%;width:min(13vw,120px);animation-delay:-15s;" xmlns="http://www.w3.org/2000/svg">
<path stroke="currentColor" stroke-width="20" stroke-linecap="round" fill="none" d="M84 8 Q72 60 78 104 M116 8 Q128 60 122 104" />
<ellipse cx="100" cy="146" rx="58" ry="52" fill="currentColor" />
<circle class="eye-glow" cx="80" cy="136" r="7" fill="var(--accent)" />
<circle class="eye-glow" cx="120" cy="136" r="7" fill="var(--accent)" />
</svg>
<div class="hero-critter rabbit small" style="bottom:32%;right:11%;">
<img src="assets/img/hero-rabbit.png" alt="Grauer Hase im HasiDog-Look" />
</div>
</div>
<div class="container">
<span class="eyebrow">🩵 DOGFATHER UNIVERSE</span>