Fix #199: deep-dive CTA buttons #201

Merged

crueber merged 1 commit from fix/issue-199 into main

2026-09-08 15:50:59 +00:00

crueber commented

2026-09-08 15:43:12 +00:00

Owner

Both 'How it works' links on the landing page (hero + quickstart bottom) were bare hover-underline spans. They are now secondary .btn buttons complementing the adjacent primary Browse repositories CTA — bottom CTAs sit side-by-side in one flex row; hero link is a centered button + explainer span. Copy kept ('How it works →'). Both themes via the shared .btn treatment in ui.css; keyboard focus via the global :focus-visible rule. No new deps, no doc change (12_web_ui.md cross-link placement contracts unchanged).

Verification: node --test web/test/unit/*.test.js 398/398 green (incl. new CTA-treatment pin in landing.test.js); real headless-Chrome CDP drive of the built bundle on both themes — button treatment confirmed via computed styles + screenshots, zero console errors.

Both 'How it works' links on the landing page (hero + quickstart bottom) were bare hover-underline spans. They are now secondary `.btn` buttons complementing the adjacent primary Browse repositories CTA — bottom CTAs sit side-by-side in one flex row; hero link is a centered button + explainer span. Copy kept ('How it works →'). Both themes via the shared `.btn` treatment in ui.css; keyboard focus via the global `:focus-visible` rule. No new deps, no doc change (12_web_ui.md cross-link placement contracts unchanged). Verification: `node --test web/test/unit/*.test.js` 398/398 green (incl. new CTA-treatment pin in landing.test.js); real headless-Chrome CDP drive of the built bundle on both themes — button treatment confirmed via computed styles + screenshots, zero console errors.

crueber added 1 commit

2026-09-08 15:43:12 +00:00

Fix #199 : landing deep-dive links get secondary .btn CTA treatment 3e06b1c448

Both 'How it works' links (hero + quickstart bottom) were bare
hover-underline spans; they are now secondary .btn buttons complementing
the adjacent primary Browse repositories CTA. Copy kept ('How it works
->'); both themes via the shared .btn treatment in ui.css, keyboard focus
via the global :focus-visible rule. No new deps. Pins: new CTA-treatment
test in landing.test.js; how-it-works.test.js cross-link pins unchanged.
No doc change: 12_web_ui.md cross-link placement contracts unchanged.

crueber referenced this pull request

2026-09-08 15:43:17 +00:00

Landing deep-dive link must read as a CTA #199

crueber referenced this pull request

2026-09-08 15:50:27 +00:00

Landing deep-dive link must read as a CTA #199

crueber merged commit a745e70bdb into main

2026-09-08 15:50:59 +00:00

crueber referenced this pull request

2026-09-08 15:51:00 +00:00

Landing deep-dive link must read as a CTA #199

crueber referenced this pull request from a commit