adds default single page apart from articles

This commit is contained in:
Drew 2025-03-21 16:34:40 -06:00
parent 69382c66ba
commit 0bde9892b0
9 changed files with 29 additions and 14 deletions

View File

@ -11,6 +11,7 @@
width: 100%;
}
.single-default &-grid,
.single-article &-grid {
gap: 1rem;
}

View File

@ -1,21 +1,12 @@
{{ define "main" }}
<article class="single-article">
<article class="single-default">
<header class="mb-4">{{ partial "article-wompum.html" . }}</header>
<div class="flex gap-4">
<aside class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4 font-iosevka">
<p class="text-3xl font-light mb-4"><time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time></p>
<p><strong>Narrator:</strong> {{ .Params.narrator }}</p>
<p><strong>Facilitator:</strong> {{ .Params.facilitator }}</p>
<p><strong>Subject:</strong> {{ .Params.subject }}</p>
<p><strong>Tags:</strong> {{ partial "tags.html" . }}</p>
</aside>
<div class="prose lg:prose-xl lg:w-2/3 p-4">
<div class="prose lg:prose-xl p-4 mx-auto">
<p class="font-bold text-4xl">{{ .Title }}</p>
{{ .Content }}
</div>
</div>
</article>
{{ end }}

View File

@ -0,0 +1,23 @@
{{ define "main" }}
<article class="single-article">
<header class="mb-4">{{ partial "article-wompum.html" . }}</header>
<div class="flex gap-4">
<aside class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4 font-iosevka">
<p class="text-3xl font-light mb-4">
<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time>
</p>
<p><strong>Narrator:</strong> {{ .Params.narrator }}</p>
<p><strong>Facilitator:</strong> {{ .Params.facilitator }}</p>
<p><strong>Subject:</strong> {{ .Params.subject }}</p>
<p><strong>Tags:</strong> {{ partial "tags.html" . }}</p>
</aside>
<div class="prose lg:prose-xl lg:w-2/3 p-4">
<p class="font-bold text-4xl">{{ .Title }}</p>
{{ .Content }}
</div>
</div>
</article>
{{ end }}

View File

@ -1,7 +1,7 @@
{{ define "main" }}
<main class="flex gap-4 lg:gap-16 justify-around mt-8">
<ul class="flex flex-col gap-4 w-full">
{{ partial "article-list.html" (dict "Pages" (where .Site.RegularPages "Section" "oral-histories")) }}
{{ partial "article-list.html" (dict "Pages" (where .Site.RegularPages "Section" "articles")) }}
</ul>
<aside class="max-w-prose w-1/4 flex flex-col gap-8 mb-8">