26 lines
1.0 KiB
HTML
26 lines
1.0 KiB
HTML
|
{{- $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>
|