Pillar: (2) Cut the noise, dense and never nerdy: the named components and not hand-rolled markup (docs/DESIGN.md).
Right now src/web/pages/following.ts (line 328) writes <section class="card following" id="following"><div class="card-body">… by hand, while its neighbours use card(body, o) from src/web/ui.ts.
Done looks like:
[ ] The card is card(body, { id: "following", extra: "following" }), or uses head if the eyebrow belongs there per DESIGN.md. It looks the same as today: the badge, the sentence and the converge line, all still escaped.
[ ] A test renders a forked repository's page and finds id="following" inside a class="card following" built by card(), with its badge and sentence.
[ ] The design-audit tests still pass. Anything in src/web/style/ that targets section.following is updated to match.
Files: src/web/pages/following.ts, possibly a stylesheet in src/web/style/, and a test.
Risk: small. CSS selectors that depend on the section element are the only thing to watch.
Pillar: (2) Cut the noise, dense and never nerdy: the named components and not hand-rolled markup (docs/DESIGN.md).
Right now
src/web/pages/following.ts(line 328) writes<section class="card following" id="following"><div class="card-body">…by hand, while its neighbours usecard(body, o)fromsrc/web/ui.ts.Done looks like:
card(body, { id: "following", extra: "following" }), or usesheadif the eyebrow belongs there per DESIGN.md. It looks the same as today: the badge, the sentence and the converge line, all still escaped.id="following"inside aclass="card following"built by card(), with its badge and sentence.src/web/style/that targetssection.followingis updated to match.Files: src/web/pages/following.ts, possibly a stylesheet in src/web/style/, and a test. Risk: small. CSS selectors that depend on the
sectionelement are the only thing to watch.