default.astro

---
import BaseLayout from "./base.astro"
import Year from "../components/Year.astro"
---

<BaseLayout {...Astro.props}>

<header aria-expanded="false" tabindex="-1">
<div><nav>
	<a href="#top" class="skip-to-content">Skip to content</a>
	<ul>
		<li><a href="/">Home</a></li>
	</ul>
	<div id="expander" tabindex="-1" class="expander" onclick="const h = document.getElementsByTagName('header')[0]; const e = h.getAttribute('aria-expanded') === 'false'; h.setAttribute('aria-expanded', e); if (!e && document.activeElement) document.activeElement.blur();">
		<svg width="48" height="48" fill="black">
			<path d="M14,17h20m0,7h-20m0,7h20" />
		</svg>
	</div>
</nav></div>
</header>

<main id="top">
<div class="content">
<slot></slot>
</div>
</main>

<footer>
<p>
	Template © <Year from={2020} /> Travis Spomer.
</p>
</footer>

</BaseLayout>