Cards as default list template — all sections render as card grids

list.html: each page becomes a data-card with tag header, title,
summary excerpt, and date footer. Used for /writings/, /tags/*, etc.

Card styling refined: uppercase category header, date in footer,
dimmed summary text.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Vigilio Desto 2026-04-12 18:07:22 +02:00
parent 9f5c077108
commit e4b2094d96
Signed by: Vigo
GPG key ID: 159D6AD58C8E55E9
60 changed files with 1181 additions and 3513 deletions

View file

@ -110,9 +110,23 @@ pre {
border-color: var(--garden-dialogue);
}
[data-card] header {
font-size: var(--font-size-00);
color: var(--garden-text-faint);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: var(--size-1);
}
[data-card] footer {
font-size: var(--font-size-00);
color: var(--garden-text-faint);
margin-top: var(--size-2);
}
[data-card] h4 {
margin-block: var(--size-1);
}
[data-card] p {
font-size: var(--font-size-0);
color: var(--garden-text-dim);
margin-bottom: var(--size-1);
}
/* ── Tags ─────────────────────────────────────────────────── */