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>
2026-06-07 11:53:45 +02:00
commit b3b9fb7ac6
462 changed files with 9012 additions and 0 deletions
@@ -0,0 +1,57 @@
+<footer class="border-t border-warm/10 bg-bg-deep pt-16 pb-10 mt-10 relative">
+  <div class="max-w-[1280px] mx-auto px-8 max-[860px]:px-5">
+
+    <div class="grid grid-cols-[1.6fr_1fr_1fr_1fr] gap-10 max-[860px]:grid-cols-2 max-[860px]:gap-8">
+
+      <!-- Brand column -->
+      <div>
+        <a href="/" class="flex flex-col items-start gap-4 no-underline mb-5" aria-label="{{ .Site.Title }}">
+          {{- partial "mark.html" (dict "size" 58) -}}
+          <span class="font-serif text-[32px] font-medium tracking-[-0.01em] leading-none text-ink">Bar Pivoine</span>
+        </a>
+        <div class="w-full h-px bg-warm/10 mb-4"></div>
+        {{- $count := len .Site.RegularPages -}}
+        <p class="text-ink-mute text-sm leading-relaxed">A field guide to the good pour. {{ $count }} cocktail recipes, low light, honest measures, no garnish left behind.</p>
+        <p class="font-mono text-[11px] text-ink-faint leading-relaxed mt-3">Recipes from the <a href="https://www.kaggle.com/datasets/aadyasingh55/cocktails" class="underline underline-offset-2 hover:text-ink-soft transition-colors duration-[180ms]">open cocktail dataset</a> · imagery via FLUX.2 pro</p>
+      </div>
+
+      <!-- Categories -->
+      <div>
+        <h5 class="font-mono text-[11px] tracking-[0.18em] uppercase text-gold mb-4">Categories</h5>
+        {{- range first 6 (.Site.Taxonomies.categories.ByCount) -}}
+          <a href="{{ .Page.RelPermalink }}" class="block text-ink-mute text-[14px] py-[5px] hover:text-ink transition-colors duration-[180ms]">
+            {{ .Page.Title }}
+          </a>
+        {{- end -}}
+      </div>
+
+      <!-- Glassware -->
+      <div>
+        <h5 class="font-mono text-[11px] tracking-[0.18em] uppercase text-gold mb-4">Glassware</h5>
+        {{- range first 6 (.Site.Taxonomies.glasses.ByCount) -}}
+          <a href="{{ .Page.RelPermalink }}" class="block text-ink-mute text-[14px] py-[5px] hover:text-ink transition-colors duration-[180ms]">
+            {{ .Page.Title }}
+          </a>
+        {{- end -}}
+      </div>
+
+      <!-- Ingredients -->
+      <div>
+        <h5 class="font-mono text-[11px] tracking-[0.18em] uppercase text-gold mb-4">Ingredients</h5>
+        {{- range first 6 (.Site.Taxonomies.ingredients.ByCount) -}}
+          <a href="{{ .Page.RelPermalink }}" class="block text-ink-mute text-[14px] py-[5px] hover:text-ink transition-colors duration-[180ms]">
+            {{ .Page.Title }}
+          </a>
+        {{- end -}}
+      </div>
+
+    </div>
+
+    <!-- Bottom bar -->
+    <div class="flex justify-between items-center mt-[54px] pt-6 border-t border-warm/10">
+      <span class="font-mono text-[11px] text-ink-faint tracking-[0.04em]">© 2026 Bar Pivoine</span>
+      <span class="font-mono text-[11px] text-ink-faint tracking-[0.04em]">Powered by <a href="https://pivoine.art" class="hover:text-ink transition-colors duration-[180ms]">pivoine.art</a></span>
+    </div>
+
+  </div>
+</footer>