creates article list partial
This commit is contained in:
parent
2ad602faf1
commit
257a5a7dfc
@ -1,14 +1,24 @@
|
||||
{{ define "main" }}
|
||||
<h1 class="text-2xl font-bold">Topic: {{ .Title }}</h1>
|
||||
<ul class="mt-4 space-y-4">
|
||||
{{ range .Data.Pages }}
|
||||
<li class="border-l border-gray-300 pl-4">
|
||||
<p class="text-xs text-gray-800"><time datetime="{{ .Date.Format " 2006-01-02" }}">{{ .Date.Format "January 2, 2006"
|
||||
}}</time></p>
|
||||
<a class="font-bold hover:text-green-900 underline" href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
<p class="text-sm">{{ .Params.summary }}</p>
|
||||
{{ partial "tags.html" .}}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<header class="my-8">
|
||||
<p class="text-center font-iosevka">Topic</p>
|
||||
<h1 class="text-4xl font-bold text-center capitalize">{{ .Title }}</h1>
|
||||
</header>
|
||||
<main class="container mx-auto">
|
||||
<ul class="mt-4 space-y-4">
|
||||
{{ partial "article-list.html" (dict "Pages" .Data.Pages) }}
|
||||
</ul>
|
||||
|
||||
<section>
|
||||
<h2 class="text-4xl my-8 font-iosevka text-center">Other Topics</h2>
|
||||
<div class="tag-cloud font-iosevka text-gray-600">
|
||||
{{ $tags := .Site.Taxonomies.tags }}
|
||||
{{ range $tag, $pages := $tags }}
|
||||
<a href="{{ "/tags/" | relLangURL }}{{ $tag | urlize }}" style="font-size: {{ add 1 (div (len $pages) 2) }}em;"
|
||||
class="tag text-sm inline-block p-2 my-1 border border-gray-100 rounded-lg hover:bg-yellow-100 whitespace-nowrap">
|
||||
{{ $tag }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{{ end }}
|
@ -1,25 +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">
|
||||
{{ range where .Site.RegularPages "Section" "oral-histories" }}
|
||||
<li class="flex gap-4 items-center">
|
||||
|
||||
<a class="flex-grow" href="{{ .RelPermalink }}">{{ partial "article-wompum.html" . }}</a>
|
||||
|
||||
<time class="text-gray-800 font-iosevka" datetime="{{ .Date.Format "2006-01-02" }}">
|
||||
<p>{{ .Date.Format "Jan" }}</p>
|
||||
<p>{{ .Date.Format "02" }}</p>
|
||||
<p>{{ .Date.Format "2006" }}</p>
|
||||
</time>
|
||||
|
||||
<div class="flex-shrink-0 max-w-max">
|
||||
<a class="text-2xl font-bold hover:text-green-900 underline" href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
<p class="max-w-prose">{{ .Params.summary }}</p>
|
||||
{{ partial "tags.html" .}}
|
||||
</div>
|
||||
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ partial "article-list.html" (dict "Pages" (where .Site.RegularPages "Section" "oral-histories")) }}
|
||||
</ul>
|
||||
|
||||
<aside class="max-w-prose w-1/4 flex flex-col gap-8 mb-8">
|
||||
@ -31,7 +13,7 @@
|
||||
|
||||
<section>
|
||||
<h2 class="text-4xl mb-4 font-iosevka">Narrators</h2>
|
||||
<div class="tag-cloud font-iosevka">
|
||||
<div class="tag-cloud font-iosevka text-gray-600">
|
||||
{{ $narrators := slice }}
|
||||
{{ range .Site.RegularPages }}
|
||||
{{ with .Params.narrator }}
|
||||
@ -51,7 +33,7 @@
|
||||
|
||||
<section>
|
||||
<h2 class="text-4xl mb-4 font-iosevka">Facilitators</h2>
|
||||
<div class="tag-cloud font-iosevka">
|
||||
<div class="tag-cloud font-iosevka text-gray-600">
|
||||
{{ $facilitators := slice }}
|
||||
{{ range .Site.RegularPages }}
|
||||
{{ with .Params.facilitator }}
|
||||
@ -71,7 +53,7 @@
|
||||
|
||||
<section>
|
||||
<h2 class="text-4xl mb-4 font-iosevka">Tags</h2>
|
||||
<div class="tag-cloud font-iosevka">
|
||||
<div class="tag-cloud font-iosevka text-gray-600">
|
||||
{{ $tags := .Site.Taxonomies.tags }}
|
||||
{{ range $tag, $pages := $tags }}
|
||||
<a href="{{ "/tags/" | relLangURL }}{{ $tag | urlize }}" style="font-size: {{ add 1 (div (len $pages) 2) }}em;"
|
||||
|
16
layouts/partials/article-list.html
Normal file
16
layouts/partials/article-list.html
Normal file
@ -0,0 +1,16 @@
|
||||
{{ $pages := .Pages }}
|
||||
{{ range $pages }}
|
||||
<li class="flex gap-4 items-center">
|
||||
<a class="flex-grow" href="{{ .RelPermalink }}">{{ partial "article-wompum.html" . }}</a>
|
||||
<time class="text-gray-800 font-iosevka" datetime="{{ .Date.Format "2006-01-02" }}">
|
||||
<p>{{ .Date.Format "Jan" }}</p>
|
||||
<p>{{ .Date.Format "02" }}</p>
|
||||
<p>{{ .Date.Format "2006" }}</p>
|
||||
</time>
|
||||
<div class="flex-shrink-0 max-w-max">
|
||||
<a class="text-2xl font-bold hover:text-green-900 underline" href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
<p class="max-w-prose">{{ .Params.summary }}</p>
|
||||
{{ partial "tags.html" .}}
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
@ -2,7 +2,7 @@
|
||||
<div class="flex flex-wrap gap-2 my-2 text-xs">
|
||||
{{- range .Params.tags }}
|
||||
<a href="{{ "tags/" | relURL }}{{ . | urlize }}"
|
||||
class="px-3 py-1 bg-green-100 hover:bg-green-300 rounded no-underline">
|
||||
class="px-3 py-1 border border-green-100 hover:bg-green-300 text-green-900 rounded no-underline">
|
||||
{{ . }}
|
||||
</a>
|
||||
{{- end }}
|
||||
|
Loading…
x
Reference in New Issue
Block a user