karim
7a5be9250a
- Dark full-bleed masthead with serif wordmark and stacked nav
- Hero entry treatment: full-bleed image bg with gradient overlay
- Per-section color system (data-section) + per-post override (data-color)
- Japanese accent palette (ajisai, sakura, suna, ichigo, yuyake, sora,
kusa, kori, amagumo, yuki) — set via `color:` in front matter
- Tag pills replace hashtag-style tags; rendered as sibling of card link
to avoid invalid nested <a> elements
- Single article: clean Republik-style header, no section rubric,
tags as pills at bottom
- Cover image support (`cover_image:` in front matter):
- wide mode: full-card banner above text
- icon mode: small thumbnail right of text with colored card bg
- Library subsection header redesigned with section-colored stripe
- Dates use Swiss DD.MM.YYYY display (ISO retained in datetime attr)
- Custom Tokyo metro photo as demo cover image
67 lines
2.5 KiB
HTML
67 lines
2.5 KiB
HTML
{{ define "main" }}
|
|
{{ .Content }}
|
|
|
|
{{ if .IsSection }}
|
|
{{ if eq .Path "/library" }}
|
|
{{/* Library root: Atlas — gruppiert nach Untersection */}}
|
|
<section class="atlas">
|
|
{{ range .Sections.ByWeight }}
|
|
{{ $section := path.Base .RelPermalink }}
|
|
<article class="atlas-section" data-section="{{ $section }}">
|
|
<h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
|
|
{{ with .Params.description }}<p class="text-muted">{{ . }}</p>{{ end }}
|
|
<ul class="atlas-list">
|
|
{{ range first 6 .RegularPages.ByDate.Reverse }}
|
|
<li>
|
|
<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
|
|
<span class="list-meta text-muted"> · {{ partial "date.html" .Date }}</span>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ if gt (len .RegularPages) 6 }}
|
|
<p class="more"><a href="{{ .RelPermalink }}">alle in {{ .Title }} →</a></p>
|
|
{{ end }}
|
|
</article>
|
|
{{ end }}
|
|
|
|
{{/* Tag-Cloud */}}
|
|
{{ with site.Taxonomies.tags }}
|
|
<article class="atlas-tags">
|
|
<h2>Tags</h2>
|
|
<ul class="tag-cloud">
|
|
{{ range $name, $taxonomy := . }}
|
|
<li><a href="/tags/{{ $name | urlize }}/">{{ $name }} <span class="text-muted">({{ len $taxonomy }})</span></a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</article>
|
|
{{ end }}
|
|
</section>
|
|
{{ else }}
|
|
{{/* Library subsection: chronologisch */}}
|
|
{{ $section := path.Base .RelPermalink }}
|
|
<header class="section-header" data-section="{{ $section }}">
|
|
<p class="section-rubric">Library</p>
|
|
<h1 class="section-title">{{ .Title }}</h1>
|
|
{{ with .Params.description }}<p class="section-description">{{ . }}</p>{{ end }}
|
|
</header>
|
|
<div class="time-list" data-section="{{ $section }}">
|
|
<ul>
|
|
{{ range .RegularPages.ByDate.Reverse }}
|
|
<li class="list-item">
|
|
<div class="list-title-row">
|
|
<div class="list-title">
|
|
<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
|
|
{{ with .Params.summary }}
|
|
<div class="list-summary text-muted">{{ . }}</div>
|
|
{{ end }}
|
|
</div>
|
|
<div class="list-meta">{{ partial "date.html" .Date }}</div>
|
|
</div>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ end }}
|