Asger Geel WeirsøeandClaude Opus 5.5
e58a11c2b4
Samme indhold, URL'er og udseende, bygget af en enkelt zola-binær og Tailwind standalone-CLI uden Node. Kanonisk domæne er asger.weirsoe.dk. Blogindlæg ligger som page bundles med frontmatter Zola forstår, så de gamle stempler er ugyldige, indtil scripts/omstempl.py er kørt med PUBLISH_KEY. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
43 lines
2.5 KiB
HTML
43 lines
2.5 KiB
HTML
<header class="sticky top-0 z-50 border-b border-border/70 backdrop-blur-md bg-bg/70">
|
|
<nav class="mx-auto flex max-w-3xl items-center justify-between px-5 py-3.5">
|
|
<a href="{{ hjem }}" class="font-bold tracking-tight text-lg">{{ config.title }}<span class="text-accent">.</span></a>
|
|
<div class="flex items-center gap-1">
|
|
<ul class="hidden sm:flex items-center gap-1 text-sm">
|
|
{%- for item in nav %}
|
|
<li>
|
|
<a href="{{ item.href | safe }}" class="wt-nav-link"{% if item.href == "/" or item.href == "/en" %}{% if sti == item.href %} aria-current="page"{% endif %}{% elif sti is starting_with(pat=item.href) %} aria-current="page"{% endif %}>{{ item.label }}</a>
|
|
</li>
|
|
{%- endfor %}
|
|
</ul>
|
|
{%- if andet %}
|
|
<a href="{{ andet.path | safe }}" hreflang="{{ andet.lang }}" lang="{{ andet.lang }}" class="wt-chip mr-1">{% if andet.lang == "en" %}English{% else %}Dansk{% endif %}</a>
|
|
{%- endif %}
|
|
<button type="button" data-palette-open class="theme-toggle" title="Søg (⌘K / Ctrl K)" aria-label="Åbn søgning og kommandopalette">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<circle cx="11" cy="11" r="7" />
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
</svg>
|
|
</button>
|
|
<button type="button" data-theme-toggle class="theme-toggle ml-1" title="Skift mellem lyst og mørkt tema" aria-label="Skift tema">
|
|
<svg class="sun-and-moon" aria-hidden="true" width="22" height="22" viewBox="0 0 24 24">
|
|
<mask class="moon" id="moon-mask">
|
|
<rect x="0" y="0" width="100%" height="100%" fill="white" />
|
|
<circle cx="24" cy="10" r="6" fill="black" />
|
|
</mask>
|
|
<circle class="sun" cx="12" cy="12" r="6" mask="url(#moon-mask)" fill="currentColor" />
|
|
<g class="sun-beams" stroke="currentColor">
|
|
<line x1="12" y1="1" x2="12" y2="3" />
|
|
<line x1="12" y1="21" x2="12" y2="23" />
|
|
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
|
|
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
|
|
<line x1="1" y1="12" x2="3" y2="12" />
|
|
<line x1="21" y1="12" x2="23" y2="12" />
|
|
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
|
|
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
|
|
</g>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</header>
|