valknar
b3b9fb7ac6
Hugo Extended site with 426 cocktail recipes from the open cocktail dataset. Dark amber/gold editorial aesthetic, Tailwind CSS v4, Alpine.js client-side search and filtering, HTMX page transitions, Docker + nginx production build. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
18 lines
946 B
HTML
18 lines
946 B
HTML
{{/* PeonyMark wreath — Usage: {{ partial "mark.html" (dict "size" 34) }} */}}
|
|
{{- $size := .size | default 34 -}}
|
|
<svg width="{{ $size }}" height="{{ $size }}" viewBox="0 0 100 100" aria-hidden="true" style="flex:none">
|
|
{{/* Outer ring — 12 narrow ovals, cy=20 (50-30), opacity 0.44 */}}
|
|
{{- range seq 12 -}}
|
|
{{- $angle := mul (sub . 1) 30 -}}
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="var(--color-gold)" fill-opacity="0.44" transform="rotate({{ $angle }} 50 50)"/>
|
|
{{- end -}}
|
|
{{/* Inner ring — 8 fuller ovals, cy=32 (50-18), opacity 0.84 */}}
|
|
{{- range seq 8 -}}
|
|
{{- $angle := mul (sub . 1) 45 -}}
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="var(--color-gold)" fill-opacity="0.84" transform="rotate({{ $angle }} 50 50)"/>
|
|
{{- end -}}
|
|
{{/* Centre: dark hole + gold dot */}}
|
|
<circle cx="50" cy="50" r="8" fill="var(--color-bg)"/>
|
|
<circle cx="50" cy="50" r="4.8" fill="var(--color-gold)"/>
|
|
</svg>
|