Files
pivoine.art/layouts/partials/logo.html
T

32 lines
1.1 KiB
HTML
Raw Normal View History

2026-04-08 19:49:15 +02:00
{{- /*
Inline SVG logotype with gradient fill.
Usage: {{ partial "logo.html" (dict "id" "nav" "class" "h-9 w-auto") }}
Params:
id — unique suffix for gradient ID (required to avoid conflicts when used twice)
class — CSS classes on the <svg> element (default: "h-9 w-auto")
*/ -}}
{{- $id := .id | default "logo" -}}
{{- $class := .class | default "h-9 w-auto" -}}
<svg
class="{{ $class }}"
viewBox="0 0 96 96"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-label="{{ site.Title }}"
role="img"
>
<defs>
<linearGradient id="lg-{{ $id }}" gradientUnits="userSpaceOnUse" x1="10" y1="48" x2="86" y2="48">
<stop offset="0%" stop-color="#FF1A8C"/>
<stop offset="50%" stop-color="#9B00FF"/>
<stop offset="100%" stop-color="#00C8FF"/>
</linearGradient>
</defs>
<g transform="translate(48,48)">
<path
d="M -1.1e-6,-43.328173 -37.551083,43.328173 -1.1e-6,34.662539 H -17.331269 L -1.1e-6,-5.7770893 17.33127,34.662539 H -1.1e-6 l 37.5510841,8.665635 z"
fill="url(#lg-{{ $id }})"
/>
</g>
</svg>