33 lines
1.5 KiB
HTML
33 lines
1.5 KiB
HTML
{{ define "main" }}
|
|
|
|
<article class="single-article">
|
|
|
|
<header class="mb-4 wompum-container wompum-container--wide-gap aspect-2/1 md:aspect-3/1">{{ partial "article-wompum.html" . }}</header>
|
|
|
|
<div class="flex md:flex-row flex-col gap-4 mt-4">
|
|
<aside class="md:sticky md:top-24 md:h-screen lg:w-1/3 p-4 font-iosevka">
|
|
{{ $headshot := resources.GetMatch (printf "**/%s" (strings.TrimPrefix "/" .Params.headshot)) }}
|
|
{{ if and .Params.headshot $headshot }}
|
|
<div class="narrator__container -mt-24" data-text="{{ .Params.narrator }}">
|
|
{{ partial "image.html" (dict
|
|
"resource" $headshot
|
|
"width" "192"
|
|
"class" "narrator__frame"
|
|
"alt" (printf "Photo of %s" .Params.narrator)
|
|
) }}
|
|
</div>
|
|
{{ end }}
|
|
<div class="md:block hidden">{{ partial "article-metadata.html" . }}</div>
|
|
</aside>
|
|
<div class="prose lg:prose-xl lg:w-2/3 p-4 mx-auto md:mx-0">
|
|
<p class="font-bold text-4xl article-title article-title--single">{{ partial "article-title" . }}</p>
|
|
{{ .Content }}
|
|
</div>
|
|
<aside class="md:hidden block p-8 mt-8 border-t border-gray-200">{{ partial "article-metadata.html" . }}</aside>
|
|
</div>
|
|
</article>
|
|
<aside class="max-w-screen-xl mx-auto">
|
|
{{ partial "related-articles" (dict "page" . "topics" .Params.topics "limit" 3) }}
|
|
</aside>
|
|
<div class="text-center my-12"><a href="/">Go Home</a></div>
|
|
{{ end }} |