pyrox.dev
1<header role="banner" class="bg-mantle min-h-20 flex flex-row justify-around mb-2">
2 <a class="flex flex-row justify-center gap-x-4 content-center" href="/">
3 {{ await comp.logo() }}
4 </a>
5 <nav
6 aria-label="Main"
7 class="flex flex-row text-xl lg:text-3xl text-mauve underline gap-x-4 lg:gap-x-16 justify-center"
8 >
9 {{ for link of nav.links }}
10 <a class="underline self-center" href="{{ link.link }}">{{ link.name }}</a>
11 {{ /for }}
12 </nav>
13 <div></div>
14 <p class="hidden lg:block text-overlay1 self-center">search coming soon</p>
15</header>