valknar/bar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit — Bar Pivoine cocktail recipe site

Browse Source 
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:
Sebastian Krüger
2026-06-07 11:53:45 +02:00
commit b3b9fb7ac6
462 changed files with 9012 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/favicon.svg
+28
View File
@@ -0,0 +1,28 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

static/images/og-default.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

static/site.webmanifest
+12
View File
@@ -0,0 +1,12 @@
{
"name": "Bar Pivoine",
"short_name": "Bar Pivoine",
"description": "A field guide to the good pour.",
"icons": [
{ "src": "/favicon.svg", "type": "image/svg+xml", "sizes": "any" }
],
"start_url": "/",
"display": "standalone",
"background_color": "#14100c",
"theme_color": "#14100c"
}