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>
29 lines
2.5 KiB
XML
29 lines
2.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
<rect width="100" height="100" rx="22" fill="#14100c"/>
|
|
<!-- outer ring: 12 ellipses, every 30° -->
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(0 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(30 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(60 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(90 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(120 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(150 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(180 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(210 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(240 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(270 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(300 50 50)"/>
|
|
<ellipse cx="50" cy="20" rx="4" ry="10" fill="#e3ad5e" fill-opacity="0.44" transform="rotate(330 50 50)"/>
|
|
<!-- inner ring: 8 ellipses, every 45° -->
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(0 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(45 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(90 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(135 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(180 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(225 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(270 50 50)"/>
|
|
<ellipse cx="50" cy="32" rx="3.5" ry="8" fill="#e3ad5e" fill-opacity="0.84" transform="rotate(315 50 50)"/>
|
|
<!-- centre -->
|
|
<circle cx="50" cy="50" r="8" fill="#14100c"/>
|
|
<circle cx="50" cy="50" r="4.8" fill="#e3ad5e"/>
|
|
</svg>
|