adds basic layout
This commit is contained in:
@ -1,18 +1,21 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<article class="flex flex-col lg:flex-row-reverse">
|
||||
<header class="lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:w-1/3 p-4 font-iosevka">
|
||||
<h1 class="font-bold">{{ .Title }}</h1>
|
||||
<p><strong>Date:</strong> <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>
|
||||
</header>
|
||||
<div class="prose lg:prose-xl lg:w-2/3 p-4">
|
||||
{{ partial "article-wompum.html" . }}
|
||||
<p class="font-bold text-4xl">{{ .Title }}</p>
|
||||
{{ .Content }}
|
||||
<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 }}
|
Reference in New Issue
Block a user