--- import HeaderLink from './HeaderLink.astro'; import { SITE_TITLE } from '../consts'; --- <header style="width: 100%" class="font-sans sticky top-0 md:static bg-white underline-offset-4 z-40"> <nav class="hidden select-none mx-auto md:flex justify-between items-center px-6 py-3.5 text-md md:text-lg leading-6"> <div class="flex items-center space-x-8"> <a href="https://git.mami2.moe/akemi/noway.moe" target="_blank"> <span class="sr-only">Forgejo</span> <svg class="forgejo-logo" viewBox="0 0 212 212" aria-hidden="true" width="32" height="32"> <style> svg.forgejo-logo path{stroke-width: 25} svg.forgejo-logo circle{stroke-width: 15} svg.forgejo-logo .light{fill: none; stroke: #aaa;} svg.forgejo-logo .dark{fill: none; stroke: #000;} svg.forgejo-logo:hover .light{stroke: var(--accent-color);} </style> <g transform="translate(6,6)"> <path class="light" d="M58 168 v-98 a50 50 0 0 1 50-50 h20" /> <path class="dark" d="M58 168 v-30 a50 50 0 0 1 50-50 h20" /> <circle class="light" cx="142" cy="20" r="18" /> <circle class="dark" cx="142" cy="88" r="18" /> <circle class="dark" cx="58" cy="180" r="18" /> </g> </svg> </a> <HeaderLink href="/">Home</HeaderLink> <HeaderLink href="/blog">Blog</HeaderLink> <HeaderLink href="/about">About</HeaderLink> </div> <div class="fun-quote" style="margin: 0"> <span style="font-family: var(--font-title);" class="text-2xl">ReLUwU activated</span> </div> <div class="social-links flex space-x-8 items-center"> <HeaderLink href="https://discord.com/users/180472559148597249"> Discord </HeaderLink> <HeaderLink href="https://github.com/aizuko">GitHub</HeaderLink> <HeaderLink class="inverted-button" target="_blank" href="/akemi_resume.pdf"> Resume </HeaderLink> </div> </nav> </header>