Files
hextra/layouts/archives.html

39 lines
2.3 KiB
HTML
Raw Normal View History

{{ define "main" }}
{{- $section := site.Params.archives.section | default "blog" -}}
{{- $dateFormat := site.Params.archives.dateFormat | default "Jan 02" -}}
{{- $pages := where site.RegularPages "Section" $section -}}
{{- $groups := $pages.GroupByDate "2006" "desc" -}}
<div class="hx:mx-auto hx:flex hextra-max-page-width">
{{ partial "sidebar.html" (dict "context" . "disableSidebar" true "displayPlaceholder" true) }}
{{ partial "toc.html" (dict "Params" (dict "toc" false)) }}
<article class="hx:w-full hx:break-words hx:flex hx:min-h-[calc(100vh-var(--navbar-height))] hx:min-w-0 hx:justify-center hx:pb-8 hx:pr-[calc(env(safe-area-inset-right)-1.5rem)]">
<main class="hx:w-full hx:min-w-0 hextra-max-content-width hx:px-6 hx:pt-4 hx:md:px-12">
<br class="hx:mt-1.5 hx:text-sm" />
{{ if .Title }}<h1 class="hx:text-center hx:mt-2 hx:text-4xl hx:font-bold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100">{{ .Title }}</h1>{{ end }}
<div class="hx:mb-16"></div>
{{- if $groups }}
{{- range $groups }}
<h2 class="hx:mt-4 hx:mb-4 hx:text-2xl hx:font-bold hx:text-slate-900 hx:dark:text-slate-100">{{ .Key }}</h2>
<div class="hextra-archive-timeline hx:ml-2 hx:pl-6 hx:mb-6">
{{- range .Pages }}
{{- $page := . -}}
<div class="hx:flex hx:items-baseline hx:gap-4 hx:py-2">
<time class="hx:shrink-0 hx:text-sm hx:tabular-nums hx:text-gray-500 hx:dark:text-gray-400" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format $dateFormat }}</time>
<div>
<a href="{{ .RelPermalink }}" class="hx:font-medium hx:text-gray-700 hx:dark:text-gray-300 hx:transition-colors hx:duration-150 hx:hover:text-primary-600 hx:dark:hover:text-primary-400">{{ .Title }}</a>
{{- with .Params.tags }}
<span class="hx:text-xs hx:leading-7">{{ partial "tags.html" (dict "context" $page) }}</span>
{{- end }}
</div>
</div>
{{- end }}
</div>
{{- end }}
{{- else }}
<p class="hx:text-center hx:text-gray-500 hx:dark:text-gray-400">{{ (T "noResultsFound") | default "No posts found." }}</p>
{{- end }}
</main>
</article>
</div>
{{- end -}}