From 813470954842ab2583563725a9f76b8969838883 Mon Sep 17 00:00:00 2001 From: Pouya Lajevardi Date: Wed, 26 Aug 2026 15:57:02 -0400 Subject: [PATCH] =?UTF-8?q?feat:=20build=20step=201=20=E2=80=94=20scaffold?= =?UTF-8?q?,=20layout,=20header,=20footer,=20SEO;=20zero=20JavaScript?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Build order step 1 (docs/01): scaffold, tokens, base layout, header, footer, SEO component, plus a temporary /type-scale/ proof sheet that step 2 deletes. THE FONTS WERE NEVER ON DISK. global.css declared six @font-face rules pointing at /fonts/*.woff2 and public/fonts/ did not exist, so every face had been silently falling back to Georgia and the system sans. Six cuts committed, 123,804 bytes, SIL OFL 1.1, provenance in docs/reference/fonts-provenance.md. ?v=1 on every URL because the deploy script serves them immutable for a year. ZERO JAVASCRIPT. The reveal was an inline IntersectionObserver in ; docs/05 specifies script-src 'self' with no unsafe-inline, so the only script on the site was the one thing the site's own CSP would refuse to execute. Replaced with animation-timeline: view() behind @supports. 0 script tags and 0 .js files in dist. The infinity mark is lifted verbatim from the deployed site's own smlMark loading thumbnail, not redrawn (Q32 asks whether a canonical vector exists). The proof sheet computes its contrast table from tokens.css rather than restating docs/02 — all eleven ratios reproduce the measured table exactly. Register: Canadian Tax Foundation added (§4, R10 widened); Q30 closed — SML Company Ltd is federally incorporated under the CBCA, and the footer publishes neither that nor the place of business; Q31 closed — Plausible, on EU-only data residency (D15 amended). ROLE constants added for "Director of Firm Operations" and "active litigation exposure" so step 3 does not hand-type them. Lighthouse unavailability now stated in six places rather than left as a control that had silently stopped existing (§7, R11). Both review agents ran twice. The second pass found four defects in the first pass's fixes, including the minifier bug written back into its own fix and a colour-alone repair that used the banned gold-on- cream pairing at 2.10:1. Measured in headless Chrome at thirteen widths with a seventh nav item injected: 0 overflow, 0 tap targets under 44x44, 0 focus-order inversions, state indicators at 12.29:1, 755 words of body text with no JavaScript. Opened: Q32-Q37. Closed: Q30, Q31. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_012XquaEq4BgWMCwUqLEyNkF --- AGENTS.md | 324 ++++++++- CLAUDE.md | 37 +- astro.config.mjs | 5 +- docs/01-architecture.md | 33 +- docs/02-design-system.md | 35 +- docs/03-content-spec.md | 16 +- docs/04-seo-spec.md | 51 +- docs/05-backend-spec.md | 11 + docs/06-deployment.md | 16 +- docs/07-fees.md | 4 +- docs/reference/fonts-provenance.md | 45 ++ eslint.config.js | 25 + public/apple-touch-icon.png | Bin 0 -> 7600 bytes public/favicon.ico | Bin 0 -> 3158 bytes public/favicon.svg | 17 + .../fonts/geist-latin-ext-wght-normal.woff2 | Bin 0 -> 16512 bytes public/fonts/geist-latin-wght-normal.woff2 | Bin 0 -> 29400 bytes .../fonts/geist-mono-latin-wght-normal.woff2 | Bin 0 -> 23128 bytes .../instrument-serif-latin-400-italic.woff2 | Bin 0 -> 22128 bytes .../instrument-serif-latin-400-normal.woff2 | Bin 0 -> 21032 bytes ...nstrument-serif-latin-ext-400-normal.woff2 | Bin 0 -> 11604 bytes public/robots.txt | 12 +- src/components/Button.astro | 87 +++ src/components/InfinityMark.astro | 66 ++ src/components/SEO.astro | 129 ++++ src/components/SiteFooter.astro | 281 ++++++++ src/components/SiteHeader.astro | 400 +++++++++++ src/data/site.ts | 117 +++- src/layouts/BaseLayout.astro | 79 +++ src/pages/type-scale/index.astro | 652 ++++++++++++++++++ src/styles/global.css | 255 +++++-- src/styles/tokens.css | 16 +- tsconfig.json | 9 +- 33 files changed, 2575 insertions(+), 147 deletions(-) create mode 100644 docs/reference/fonts-provenance.md create mode 100644 public/apple-touch-icon.png create mode 100644 public/favicon.ico create mode 100644 public/favicon.svg create mode 100644 public/fonts/geist-latin-ext-wght-normal.woff2 create mode 100644 public/fonts/geist-latin-wght-normal.woff2 create mode 100644 public/fonts/geist-mono-latin-wght-normal.woff2 create mode 100644 public/fonts/instrument-serif-latin-400-italic.woff2 create mode 100644 public/fonts/instrument-serif-latin-400-normal.woff2 create mode 100644 public/fonts/instrument-serif-latin-ext-400-normal.woff2 create mode 100644 src/components/Button.astro create mode 100644 src/components/InfinityMark.astro create mode 100644 src/components/SEO.astro create mode 100644 src/components/SiteFooter.astro create mode 100644 src/components/SiteHeader.astro create mode 100644 src/layouts/BaseLayout.astro create mode 100644 src/pages/type-scale/index.astro diff --git a/AGENTS.md b/AGENTS.md index 934b367..5f1ed9d 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -52,19 +52,43 @@ is built to be added to continuously, not shipped once. `[verified 2026-08-25]` The site live at `adr.smlcompany.ca` as of this entry: `[verified 2026-08-25]` +> ⚠️ **Several of these measurements are contested — see Q34 (opened +> 2026-08-26).** A re-fetch of the deployed URL that day reproduced some of the +> list exactly and could not reproduce others *from the served HTML*, because +> the served document turns out to be a bundler harness whose application lives +> in nine UUID-named script files that were not fetched. **Do not cite any +> figure below as established, and do not put one in public copy, until Q34 +> closes.** The items marked ⚠️ are the specific ones in doubt. This caveat sits +> here rather than only in §9 because a reader who arrives at a `[verified]` +> stamp will otherwise never learn it is under review. + - It is a **single 2.2 MB HTML file** containing an entire React application, compiled **in the browser at runtime** by Babel Standalone loaded from unpkg. -- React and ReactDOM are loaded as **development** builds from a public CDN. + *Confirmed on re-fetch 2026-08-26: the response is **2,206,032 bytes**, of + which **2,210,921** are inline `" inside any string value +// would close this element early and hand the rest of the payload to the HTML +// parser. Escaping the angle bracket is the whole fix; JSON readers decode it. +const jsonLdText = + jsonLd === undefined ? null : JSON.stringify(jsonLd).replace(/ + + + +{title} + + + + + + + + + + + + + + + + + + + + + +{ + jsonLdText && ( +