pyrox.dev
1<header 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
11 class="underline self-center"
12 href="{{ link.link }}"
13 {{ if link.name == "About" }}
14 rel="author"{{ /if }}
15 >{{ link.name }}</a>
16 {{ /for }}
17 </nav>
18 <div></div>
19 <p class="hidden lg:block text-overlay1 self-center">search coming soon</p>
20</header>