CASE 02 HTML, CSS, JS, Cloudflare Pages and Netlify 2026 4 live sites

Hand-coded sites, one grammar each, measured by the scores the client sees.

Lighthouse mobile scores for the theatre site: performance 99, accessibility 100, best practices 100, SEO 92. — **fig. 1** Review-tier verdicts typeset from two receipts, the theatre site dated 2026-10-03 and my own site dated 2026-09-15. Paths, names and commit hashes removed; auditor keys and verdict strings otherwise as written. **fig. 2** littletheatretc.org, live page, scripted scroll of two screens and back, 9.7 s, captured 2026-10-30. **fig. 3** littletheatretc.org, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 100. **fig. 4** themontgomeryfarms.com, live page, scripted scroll of two screens and back, 8.5 s, captured 2026-10-30. **fig. 5** themontgomeryfarms.com, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 100. **fig. 6** amphionstudio.com, live page, scripted scroll of two screens and back, 9.6 s, captured 2026-10-30. **fig. 7** amphionstudio.com, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 99. **fig. 8** anthony-edward.com, live page, scripted scroll of two screens and back, 9.5 s, captured 2026-10-30. **fig. 9** anthony-edward.com, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 100.

Lighthouse mobile scores for the farm site: performance 98, accessibility 100, best practices 96, SEO 100. — **fig. 1** Review-tier verdicts typeset from two receipts, the theatre site dated 2026-10-03 and my own site dated 2026-09-15. Paths, names and commit hashes removed; auditor keys and verdict strings otherwise as written. **fig. 2** littletheatretc.org, live page, scripted scroll of two screens and back, 9.7 s, captured 2026-10-30. **fig. 3** littletheatretc.org, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 100. **fig. 4** themontgomeryfarms.com, live page, scripted scroll of two screens and back, 8.5 s, captured 2026-10-30. **fig. 5** themontgomeryfarms.com, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 100. **fig. 6** amphionstudio.com, live page, scripted scroll of two screens and back, 9.6 s, captured 2026-10-30. **fig. 7** amphionstudio.com, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 99. **fig. 8** anthony-edward.com, live page, scripted scroll of two screens and back, 9.5 s, captured 2026-10-30. **fig. 9** anthony-edward.com, Lighthouse 13.6.0, mobile preset, measured 2026-10-30. Desktop performance 100.

Review tier, 2026-10-03 13:00, littletheatretc.org, verdict PASS
html-page-validator	PASS 0/0/0 (26 pages, script byte-identical, CSP hash matches)
security-auditor	0 CRIT 0 WARN; localStorage value guarded to light\|dark; innerHTML literals only; stale _headers comment fixed (26 pages)
js-behavior-auditor	CRIT auto-advance wrap entered from the left -> FIXED advance() dir 1 (browser-verified 5->0 enter-next); WARN on() capture arg, teardown leaveTimer, keydown inside slides -> FIXED; dead bleed var removed; re-run clean
performance-auditor	likely-green for load; 'critical' theme-fade * repaint WAIVED with evidence: 392-node DOM, 0 and 58 ms long tasks at 4x CPU throttle, under the 200 ms INP budget, toggle-only
accessibility-auditor	WARN dark .bg-alt accent 4.35:1 -> FIXED #6A8EEC (5.02); WCAG 2.4.3 arrow keys from a slide CTA dropped focus -> FIXED; re-run found theme-fade stripping the slide park -> FIXED carve-out; predicted 95-100 light and dark
visual-qa	PASS 1440 light/dark + 390 light/dark; 0 first-party console errors
editorial-grammar-auditor	0 Tier 1; WARN double rule 2px vs contract 1px -> contract corrected (approved mock v4 drew 2px); WARN dark error hue -> documented signal exception; WARN card sheet wording -> contract corrected (approved dark-a puts cards on paper); suggestion long centred text -> donate-path paragraphs + dash lists left on phones

Review tier, 2026-09-15 12:47, anthony-edward.com, verdict PASS
anthony-web:html-page-validator	PASS, 1 warning
anthony-web:accessibility-auditor	PASS, predicted 97-100 (was 93 live)
anthony-web:performance-auditor	PASS, 2 warnings, predicted desktop ~93-95 / mobile 72-82 (was 87 / 61)
anthony-web:security-auditor	PASS after fix, 0 critical
anthony-web:js-behavior-auditor	PASS, 2 warnings WAIVED; focused re-check of setBackgroundInert PASS
anthony-web:visual-qa	PASS
anthony-web:voice-auditor (routed, Grammar A)	PASS 0/0/0
impeccable detect.mjs	0 findings (34 before waivers)

Four live sites: a community theatre and a family farm, built for clients, and a music studio and my own acting and teaching site. All four are hand-written HTML, CSS and JavaScript with no framework and no build step. Each stays inside one design grammar: editorial for the theatre, farm for the farm, storybook for the studio and for mine.

The cost is repetition. With no templating, each of the theatre’s 26 pages carries its own copy of the head script, so a change is made 26 times and the review has to confirm the copies still match. That check is part of the review tier, and the theatre’s last review ran seven auditors over it before the deploy.

I measure what a visitor’s phone reports: Lighthouse, mobile, against the live pages on 2026-10-30. Accessibility is 100 on all four and performance runs 94 to 99. Two scores are not 100 and stay on the page. Best practices is 73 on my own site, where the run logged console errors and two deprecation warnings. SEO is 92 on the theatre’s, for six links without descriptive text.

Review to deploy, theatre site, 2026-10-03