47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
<footer class="border-t border-[var(--rule)] px-[var(--pad)] pt-9 pb-14
|
|
grid gap-10 font-sans text-[12px] leading-[1.5] text-ink-soft
|
|
[grid-template-columns:2fr_1fr_1fr_1fr]
|
|
max-[820px]:[grid-template-columns:1fr_1fr]">
|
|
|
|
{{/* ── Brand column ── */}}
|
|
<div>
|
|
<h2 class="font-display font-normal text-[clamp(48px,6vw,80px)] leading-[0.92] text-ink m-0 mb-[14px]">
|
|
R<em class="font-serif italic text-roux font-light">o</em>ux
|
|
</h2>
|
|
<p>{{ .Site.Params.description }}</p>
|
|
</div>
|
|
|
|
{{/* ── Categories (top 5 by count) ── */}}
|
|
<div>
|
|
<h4 class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink m-0 mb-[14px]">Categories</h4>
|
|
{{- range first 5 $.Site.Taxonomies.categories.ByCount }}
|
|
{{- $tp := $.Site.GetPage (printf "/categories/%s" .Name) }}
|
|
{{- if $tp }}
|
|
<p><a class="hover:text-ink" href="{{ $tp.RelPermalink }}">{{ $tp.Title }}</a></p>
|
|
{{- end }}
|
|
{{- end }}
|
|
</div>
|
|
|
|
{{/* ── Tags (top 5 by count) ── */}}
|
|
<div>
|
|
<h4 class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink m-0 mb-[14px]">Index</h4>
|
|
{{- range first 5 $.Site.Taxonomies.tags.ByCount }}
|
|
{{- $tp := $.Site.GetPage (printf "/tags/%s" .Name) }}
|
|
{{- if $tp }}
|
|
<p><a class="hover:text-ink" href="{{ $tp.RelPermalink }}">{{ $tp.Title }}</a></p>
|
|
{{- end }}
|
|
{{- end }}
|
|
</div>
|
|
|
|
{{/* ── Colophon ── */}}
|
|
<div>
|
|
<h4 class="font-sans font-medium text-[10px] leading-none tracking-[.22em] uppercase text-ink m-0 mb-[14px]">Colophon</h4>
|
|
<p>Set in Italiana & Cormorant Garamond, with Outfit for typographic furniture. © Roux MMXXVI.</p>
|
|
<p class="mt-[14px]">A <a href="https://pivoine.art" class="hover:text-ink border-b border-[var(--rule)]" target="_blank" rel="noopener">Pivoine</a> journal.</p>
|
|
<p class="mt-[14px] text-ink">Press
|
|
<span class="border border-[var(--rule)] px-[6px] py-[3px] rounded-[3px] font-mono text-[10px]">⌘K</span>
|
|
from anywhere to search.
|
|
</p>
|
|
</div>
|
|
</footer>
|