adds default single page apart from articles
This commit is contained in:
parent
69382c66ba
commit
0bde9892b0
@ -11,6 +11,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.single-default &-grid,
|
||||||
.single-article &-grid {
|
.single-article &-grid {
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -1,21 +1,12 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
|
|
||||||
<article class="single-article">
|
<article class="single-default">
|
||||||
|
|
||||||
<header class="mb-4">{{ partial "article-wompum.html" . }}</header>
|
<header class="mb-4">{{ partial "article-wompum.html" . }}</header>
|
||||||
|
|
||||||
<div class="flex gap-4">
|
<div class="prose lg:prose-xl p-4 mx-auto">
|
||||||
<aside class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4 font-iosevka">
|
<p class="font-bold text-4xl">{{ .Title }}</p>
|
||||||
<p class="text-3xl font-light mb-4"><time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time></p>
|
{{ .Content }}
|
||||||
<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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
{{ end }}
|
{{ end }}
|
23
layouts/articles/single.html
Normal file
23
layouts/articles/single.html
Normal 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 }}
|
@ -1,7 +1,7 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<main class="flex gap-4 lg:gap-16 justify-around mt-8">
|
<main class="flex gap-4 lg:gap-16 justify-around mt-8">
|
||||||
<ul class="flex flex-col gap-4 w-full">
|
<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>
|
</ul>
|
||||||
|
|
||||||
<aside class="max-w-prose w-1/4 flex flex-col gap-8 mb-8">
|
<aside class="max-w-prose w-1/4 flex flex-col gap-8 mb-8">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user