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>
|