{{ partial "header.html" . }}

<div class="max-w-screen-xl flex mx-auto lg:pt-8 flex-col lg:flex-row">
	<div class="w-full lg:w-1/4">
		{{ partial "menu" . }}
	</div>
	<article class="w-full lg:w-3/4 p-4 pt-6 lg:pt-2">
		<div class="max-w-none prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold prose-img:rounded-sm">
			{{ partial "headline-hash.html" . }}

			{{ range .Pages.GroupBy "Section" }}
			<h3>{{ .Key | title }}</h3>
			<ul>
				{{ range .Pages }}
				<li>
					<a href="{{ .Permalink }}">{{ .Title }}</a>
				</li>
				{{ end }}
			</ul>
			{{ end }}
		</div>
	</article>
</div>

{{ partial "footer.html" . }}
