74 lines
2.8 KiB
Text
74 lines
2.8 KiB
Text
---
|
|
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>
|
|
<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="/unix">Unix</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>
|
|
|
|
<style>
|
|
header nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 14px 24px;
|
|
font-size: 1.125rem;
|
|
user-select: none;
|
|
justify-items: center;
|
|
align-items: center;
|
|
}
|
|
header nav div {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
}
|
|
header nav div:first-child {
|
|
justify-content: flex-start;
|
|
}
|
|
header nav div:last-child {
|
|
justify-content: flex-end;
|
|
}
|
|
</style>
|