No description
Jonathan Hvid
4219cda7b6
Below the indigo hero, two new sections replace the previous fenja-section
two-box layout.
ALSO-COMING-UP STRIP — plain text on cream, not a card. Flex
justify-between, 4px vertical padding. Up to 2 upcoming events on the
left, each rendered as a 22px serif day number beside a stacked
column: 9px tracked 'MONTH · KIND' label on top, 13px event title on
bottom. A 1px × 28px vertical divider in rgba(0,0,0,0.08) between the
two items. Right side carries the lone 'All gatherings →' link in 11px
terracotta tracked uppercase.
EDITORIAL ROW — 1.7fr / 1fr grid with a 56px column gap. Asymmetric
on purpose; the dispatch column carries the weight.
Dispatch column (left, wider, no card chrome):
- Byline row: 26px deterministic-pigment avatar + 12px author first
name + 11px relative time + kind pill (9px tracked, 2/8 padding,
3px radius, pigment-tinted background, margin-left: auto).
- 32px serif headline, line-height 1.15.
- 14px lead paragraph, line-height 1.7 (via dispatchLongPreview).
- 'Read the full dispatch' link — 11px terracotta tracked uppercase
with a hard 1px terracotta underline (not the global .section-link
italic treatment — this one's a button-ish affordance).
- Margin-top 48px, padding-top 28px, 0.5px on-surface-border line,
then the EARLIER list. Rows are 15px serif title left, 10px tracked
'{KIND} · {N}D' right. Day count is rounded UTC delta.
Pulse column (right, narrower, no card chrome):
- 10px tracked 'this week's pulse' eyebrow with a 5px terracotta dot
prefix. The only return of an eyebrow on /pulse.
- 22px serif question.
- 11px tracked status line: 'CLOSES {DAY} · {N} OF {TOTAL} VOTED'.
- Options stack with 6px gap. Each option has no top/right/bottom
border, only a 2px left border. Default left-border is rgba(0,0,0,
0.1); selected option flips to terracotta and gains a 5% terracotta
background tint. Letter prefix (A/B/C/D) is tracked, 10px, muted
by default and terracotta when chosen.
- Vote action POST handler unchanged — same /pulse?action=vote path
introduced in v2.
If the featured dispatch has no attached poll, the right column
doesn't render and the dispatch column takes the full row (the spec's
single-column collapse case).
Stale CSS for the old events-card / hero-* / coming-up-* / fenja-* /
fenja-poll-* class names all deleted in the same pass.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
||
|---|---|---|
| .claude | ||
| content | ||
| design | ||
| migrations | ||
| public | ||
| scripts | ||
| src | ||
| tests | ||
| .env.example | ||
| .gitignore | ||
| astro.config.mjs | ||
| CLAUDE.md | ||
| DECISIONS.md | ||
| HANDOVER.md | ||
| KNOWN_ISSUES.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| SPEC.md | ||
| todo.md | ||
| tsconfig.json | ||
| vitest.config.ts | ||