{{ define "main" }}
	<div class="mx-auto flex max-w-screen-xl flex-col lg:flex-row lg:pt-8">
		<div class="w-full lg:w-1/4">{{ partial "menu" . }}</div>
		<article class="w-full p-4 pt-6 lg:w-3/4 lg:pt-2">
			<div
				class="prose max-w-none prose-h1:font-title prose-h1:font-bold prose-a:text-primary prose-a:no-underline hover:prose-a:underline 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>
{{ end }}