24 lines
1.7 KiB
PHP
24 lines
1.7 KiB
PHP
{{-- Rechte Flanke des Entwurfs-Heros (Nachtrag 19): tannengrüner Block mit gerundeter Innenkante,
|
|
Goldlinie mit Verlauf entlang der Rundung und einer kurzen Zierlinie wie in der Visualisierung.
|
|
Skaliert über die Rahmenhöhe (height: 100 %, Breite aus dem viewBox-Verhältnis). Farben
|
|
kommen aus den Tokens, damit die Flanke jede Palette mitmacht. Kann später 1:1 gegen eine
|
|
gelieferte SVG-Datei getauscht werden. --}}
|
|
<svg class="hero-flank hero-flank-right hidden lg:block" viewBox="0 0 140 1000" preserveAspectRatio="xMaxYMid meet"
|
|
aria-hidden="true" focusable="false" data-hero-flank="right">
|
|
<defs>
|
|
<linearGradient id="hero-flank-right-green" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" style="stop-color: hsl(var(--primary-light))" />
|
|
<stop offset="1" style="stop-color: hsl(var(--primary-dark))" />
|
|
</linearGradient>
|
|
<linearGradient id="hero-flank-right-gold" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" style="stop-color: hsl(var(--secondary-light))" />
|
|
<stop offset="0.5" style="stop-color: hsl(var(--secondary)); stop-opacity: 0.45" />
|
|
<stop offset="1" style="stop-color: hsl(var(--secondary-light))" />
|
|
</linearGradient>
|
|
</defs>
|
|
<path d="M140 0H72C32 0 0 32 0 72V928C0 968 32 1000 72 1000H140Z" fill="url(#hero-flank-right-green)" />
|
|
<path d="M140 14H74C41 14 14 41 14 74V926C14 959 41 986 74 986H140" fill="none"
|
|
stroke="url(#hero-flank-right-gold)" stroke-width="1.5" vector-effect="non-scaling-stroke" />
|
|
<path d="M124 330V600" fill="none" stroke="url(#hero-flank-right-gold)" stroke-width="1.5"
|
|
vector-effect="non-scaling-stroke" />
|
|
</svg>
|