valknar
0ae8afbf7b
Use Hugo's `issue = "issues"` taxonomy so each post carries
`issues: ["01"]` in frontmatter. Issue pages live at /issues/01/
with a dedicated _index.md holding title, season, and description.
The /issues/ archive page uses data/issues.json for forthcoming
entries that have no posts yet.
Layouts:
- layouts/issues/list.html → plate grid for a single issue term
- layouts/issues/terms.html → issues archive (new)
- _default/single.html → scopes grid to issue term page, back-link to /issues/01/
- baseof.html → ribbon links to /issues/01/, JSON island includes issue field
- partials/header.html → Issues link → /issues/
JS:
- lbClose() navigates to /issues/${issueId}/ on a single-post page
- lightbox meta panel shows linked Issue fact
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
39 lines
1.7 KiB
HTML
39 lines
1.7 KiB
HTML
{{- $cats := slice "Gothic" "Cyberpunk" "Dark Fantasy" "Urban" "Noir" "Fantasy" "Cultural" "Sci-Fi" "Boudoir" "Steampunk" "Luxury" "Action" "Lifestyle" "Nature" "Romantic" "Nightlife" "Elegant" "Adventure" "Mythology" }}
|
|
<header class="masthead" id="masthead">
|
|
<div class="masthead__inner">
|
|
<div class="masthead__left">
|
|
<span class="masthead__date" id="mhDate">—</span>
|
|
<span class="mh-issue">№ {{ .Site.Params.issueNumber }}</span>
|
|
<span class="mh-sep" style="opacity:.5">·</span>
|
|
<span class="mh-pub">Roux Quarterly</span>
|
|
</div>
|
|
|
|
<a class="masthead__logo" href="/" aria-label="Roux — home">
|
|
{{- partial "logo.html" . }}
|
|
</a>
|
|
|
|
<div class="masthead__right">
|
|
<a href="/issue/" class="mh-link">Issues</a>
|
|
<span class="mh-sep" style="opacity:.5">·</span>
|
|
<span class="mh-city">Paris</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="subhead" style="position:relative">
|
|
<label class="subhead__search" for="searchInput">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
|
|
<input id="searchInput" type="search" autocomplete="off" placeholder="Search the archive — silk, nocturne, atelier…" />
|
|
<span class="subhead__kbd">⌘ K</span>
|
|
</label>
|
|
<div class="subhead__count" id="count"></div>
|
|
<div class="searchpop" id="searchpop"></div>
|
|
</div>
|
|
|
|
<div class="tabs" id="tabs">
|
|
<button data-cat="All" aria-pressed="true">All</button>
|
|
{{- range $cats }}
|
|
<button data-cat="{{ . }}" aria-pressed="false">{{ . }}</button>
|
|
{{- end }}
|
|
</div>
|
|
</header>
|