49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
{{ define "main" }}
|
|
<section class="layout-page">
|
|
<div class="page-int section-stack">
|
|
<header class="space-y-2">
|
|
<h1 class="heading-page text-2xl sm:text-3xl">Blog</h1>
|
|
{{ with .Site.Params.blogIntro }}
|
|
<p class="max-w-xl text-sm text-muted">
|
|
{{ . }}
|
|
</p>
|
|
{{ else }}
|
|
<p class="max-w-xl text-sm text-muted">
|
|
Notes on engineering, design, and building small, thoughtful tools.
|
|
</p>
|
|
{{ end }}
|
|
</header>
|
|
|
|
{{/* Paginate all posts in this section */}}
|
|
{{ $paginator := .Paginate .Pages }}
|
|
|
|
<div class="grid gap-4 md:grid-cols-2">
|
|
{{ range $paginator.Pages.ByDate.Reverse }}
|
|
{{ partial "components/post-card.html" (dict "Page" . "Root" $) }}
|
|
{{ end }}
|
|
</div>
|
|
|
|
{{/* Simple pagination controls */}}
|
|
{{ if gt $paginator.TotalPages 1 }}
|
|
<nav class="mt-6 flex items-center justify-between text-xs text-muted">
|
|
{{ if $paginator.HasPrev }}
|
|
<a href="{{ $paginator.Prev.URL }}" class="link-underline">
|
|
← Newer posts
|
|
</a>
|
|
{{ else }}
|
|
<span></span>
|
|
{{ end }}
|
|
|
|
{{ if $paginator.HasNext }}
|
|
<a href="{{ $paginator.Next.URL }}" class="link-underline">
|
|
Older posts →
|
|
</a>
|
|
{{ else }}
|
|
<span></span>
|
|
{{ end }}
|
|
</nav>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
{{ end }}
|