valknar
39cffeb0bc
pagerSize set to 10 (5 columns × 2 rows). New pagination partial renders prev/next links and numbered page buttons. Applied to _default/list.html (categories + tags) and issues/list.html. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
38 lines
2.3 KiB
HTML
38 lines
2.3 KiB
HTML
{{ define "main" }}
|
|
{{/* Category / tag taxonomy list pages */}}
|
|
<section id="hero" class="px-[var(--pad)] pt-[clamp(36px,5vw,64px)] pb-[clamp(28px,3.5vw,48px)] border-b border-[var(--rule)]">
|
|
{{- if eq .Kind "taxonomy" }}
|
|
<div class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink-soft mb-4">{{ .Type | humanize }}</div>
|
|
<h1 class="font-display font-normal text-[clamp(48px,7vw,96px)] leading-[0.94] m-0 mb-4"><em>{{ .Title }}</em></h1>
|
|
<p class="font-serif italic text-[clamp(13px,1vw,16px)] leading-[1.65] text-ink-2 max-w-[55ch] m-0">
|
|
{{ len .Pages }} {{ if eq (len .Pages) 1 }}plate{{ else }}plates{{ end }} in this section.
|
|
<a href="/" class="border-b border-current">Return to archive →</a>
|
|
</p>
|
|
{{- else if eq .Kind "term" }}
|
|
<div class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink-soft mb-4">{{ .Type | humanize | singularize }}</div>
|
|
<h1 class="font-display font-normal text-[clamp(48px,7vw,96px)] leading-[0.94] m-0 mb-4"><em>{{ .Title }}</em></h1>
|
|
<p class="font-serif italic text-[clamp(13px,1vw,16px)] leading-[1.65] text-ink-2 max-w-[55ch] m-0">
|
|
{{ len .Pages }} {{ if eq (len .Pages) 1 }}plate{{ else }}plates{{ end }} tagged <em>{{ .Title }}</em>.
|
|
<a href="/" class="border-b border-current">Return to archive →</a>
|
|
</p>
|
|
{{- else }}
|
|
<div class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink-soft mb-4">The Archive</div>
|
|
<h1 class="font-display font-normal text-[clamp(48px,7vw,96px)] leading-[0.94] m-0 mb-4">All <em>plates</em></h1>
|
|
<p class="font-serif italic text-[clamp(13px,1vw,16px)] leading-[1.65] text-ink-2 max-w-[55ch] m-0">
|
|
<a href="/" class="border-b border-current">Return to home →</a>
|
|
</p>
|
|
{{- end }}
|
|
</section>
|
|
|
|
{{- $paginator := .Paginate .Pages }}
|
|
<section id="grid" data-density="default"
|
|
data-filter-type="{{ .Kind }}"
|
|
data-filter-value="{{ .Title }}"
|
|
class="grid [grid-template-columns:repeat(auto-fill,minmax(220px,1fr))] gap-[var(--gap)] px-[var(--pad)] py-[var(--gap)]">
|
|
{{- range $i, $p := $paginator.Pages }}
|
|
{{- partial "card.html" (dict "Page" $p "Index" $i) }}
|
|
{{- end }}
|
|
</section>
|
|
{{- partial "pagination.html" $paginator }}
|
|
{{ end }}
|