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:
2026-06-07 11:53:45 +02:00
commit b3b9fb7ac6
462 changed files with 9012 additions and 0 deletions
+25
View File
@@ -0,0 +1,25 @@
{{- $onCellar := hasPrefix .RelPermalink "/recipes/" -}}
<header class="sticky top-0 z-[60] backdrop-blur-[14px] border-b border-warm/10 bg-[linear-gradient(to_bottom,rgba(13,10,7,0.92),rgba(13,10,7,0.66))]">
<div class="max-w-[1280px] mx-auto px-8 max-[860px]:px-5 flex items-center gap-7 h-[72px]">
<!-- Brand -->
<a href="/" class="flex items-center gap-[13px] shrink-0" aria-label="{{ .Site.Title }}">
{{- partial "mark.html" (dict "size" 34) -}}
<div class="flex flex-col leading-none whitespace-nowrap">
<b class="font-serif font-semibold text-[21px] tracking-[0.02em] text-ink">Bar Pivoine</b>
<span class="font-mono text-[8.5px] tracking-[0.42em] uppercase text-gold mt-[3px]">bar.pivoine.art</span>
</div>
</a>
<!-- Cellar button -->
<a
href="/recipes/"
class="cellar-btn{{ if $onCellar }} active{{ end }}"
aria-current="{{ if $onCellar }}page{{ end }}"
>
{{- partial "icon.html" "coupe" -}}
Cellar
</a>
</div>
</header>