25 lines
1.9 KiB
Handlebars
25 lines
1.9 KiB
Handlebars
<header class="text-[var(--text-primary)] body-font shadow-lg bg-[var(--bg-primary)]">
|
|
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center justify-between">
|
|
<a href="{{@site.url}}" class="flex title-font font-medium items-center text-[var(--text-primary)] mb-4 md:mb-0">
|
|
<span class="ml-3 text-xl">{{@site.title}}</span>
|
|
</a>
|
|
|
|
<div class="flex items-center">
|
|
<nav class="hidden md:flex flex-wrap items-center justify-center">
|
|
{{navigation type="primary"}}
|
|
<button id="theme-toggle" class="ml-4 p-2 rounded-full bg-[var(--bg-secondary)] text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] transition-colors duration-200">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
|
|
<path fill-rule="evenodd" d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a.75.75 0 01-.75.75H4.5a.75.75 0 010-1.5h2.25c.414 0 .75.336.75.75zM12 18.75a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25a.75.75 0 01.75-.75zM19.5 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5h2.25c.414 0 .75.336.75.75zM12 3.75a8.25 8.25 0 100 16.5A8.25 8.25 0 0012 3.75zm1.625 1.5l-.25-.375a.75.75 0 00-1.25 0l-.25.375a.75.75 0 00.625 1.125h.5a.75.75 0 00.625-1.125z" clip-rule="evenodd" />
|
|
</svg>
|
|
</button>
|
|
</nav>
|
|
|
|
<button id="mobile-menu-toggle" class="md:hidden p-2 rounded-full bg-[var(--bg-secondary)] text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] transition-colors duration-200">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header>
|