Files
neilhanlon.me/layouts/_default/list.html
T
neilandClaude Opus 4.8 698d70d9ef Redesign: replace hugo-sustain with self-contained editorial theme
Drop the hugo-sustain submodule and build a custom theme forked from the
shrug.host design system, recolored to a potato identity (russet skin,
sprout-green leitmotif, purple-potato accent; potato-flesh light + soil
dark, follows prefers-color-scheme with a persisted toggle).

- Self-hosted Commit Mono + Source Serif 4 (no external requests)
- Token-based CSS: tokens / base / components / layouts
- Layouts: baseof, index (hero + latest posts + "now"), single, list,
  projects (card grid), partials for nav/footer/head + OG/Twitter/schema
- SEO scaffolding hugo-sustain lacked: OpenGraph, Person/BlogPosting
  schema, RSS, canonical
- Pipeline unchanged (Hugo 0.148.2, GitHub Pages); post URLs preserved

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 11:08:32 -04:00

34 lines
1.2 KiB
HTML

{{ define "main" }}
<div class="page-hero">
<div class="container">
<p class="page-hero__eyebrow eyebrow">
<span class="dot dot--pulse" aria-hidden="true"></span>
{{ with .Params.eyebrow }}{{ . }}{{ else }}~/{{ .Section | default "posts" }}{{ end }}
</p>
<h1 class="page-hero__title">{{ .Title }}</h1>
{{- with .Description }}<p class="page-hero__subtitle">{{ . }}</p>{{ end }}
</div>
</div>
<div class="section">
<div class="container">
{{- with .Content }}<div class="prose" style="margin-bottom:var(--s10);">{{ . }}</div>{{ end }}
<div class="posts">
{{- range .Pages.ByDate.Reverse }}
<a href="{{ .RelPermalink }}" class="post-row">
<div class="post-row__meta">
<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
{{- if .Draft }}<span class="chip chip--draft">draft</span>
{{- else }}{{ with .Params.tags }}<span class="chip chip--tag">{{ index . 0 }}</span>{{ end }}{{ end }}
</div>
<div>
<div class="post-row__title">{{ .Title }}</div>
<p class="post-row__dek">{{ .Description | default .Summary | truncate 180 }}</p>
</div>
</a>
{{- end }}
</div>
</div>
</div>
{{ end }}