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:
@@ -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>
|
||||
Reference in New Issue
Block a user