---
import HeaderLink from "./HeaderLink.astro";
import { SITE_TITLE } from "../config";
---

<header>
	<div class="header-section">
		<div class="header-frame">
			<h1>{SITE_TITLE}</h1>
			<h2>a blog, or whatever</h2>
		</div>
	</div>
</header>
<nav>
	<HeaderLink href="/">home</HeaderLink>
	<HeaderLink href="/posts">posts</HeaderLink>
	<HeaderLink href="https://cassidoo.co">website</HeaderLink>
	<HeaderLink href="https://cassidoo.co/newsletter" target="_blank"
		>newsletter
	</HeaderLink>
</nav>
<style>
	h2 {
		margin: 0.5em 0;
	}
</style>
