Initial commit — Bar Pivoine cocktail recipe site
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>
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
{{/* 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>
|
||||
Reference in New Issue
Block a user