<footer class="site-footer">
	<hr>
	<div class="container">
		<section>
			<p class="section-heading">Sections</p>
			{{ partial "nav-main.html" . }}
		</section>
		<section>
			<p class="section-heading">Contact</p>
			<ul>
				<li>Email: <a href="mailto:a@trwnh.com">a@trwnh.com</a></li>
				<li>XMPP: <a href="xmpp:a@trwnh.com">a@trwnh.com</a></li>
				<li>Social: <a href="https://mastodon.social/@trwnh">mastodon.social/@trwnh</a></li>
			</ul>
		</section>
	</div>
</footer>
<style>
	.site-footer .nav-main ul {
		list-style: none;
		padding-inline-start: 0;
		display: flex;
		flex-flow: column;
		gap: 0.5em;
	}

	.site-footer .section-heading {
		font-weight: bold;
		font-variant: small-caps;
	}
</style>