docs(review): side-by-side fidelity evidence for the toilville deck pipeline #103

Merged
peterswimm merged 2 commits from docs/toilville-site-fidelity-evidence into main 2026-09-09 21:37:53 +00:00
Owner

Backing evidence for #102.

Renders the five toilville.com pages design vs generated so the fidelity
gaps flagged in #101 are visible rather than described. Left is the deck source,
right (terracotta border) is what build_surfaces.py produces today.

Includes render-comparison.py, the harness that builds the two HTML documents
per page, so the comparison is reproducible rather than a one-off screenshot.

The generated side is styled from the real palette in
udg/products/wp-themes/toilville-fse/styles/toilville.json — WordPress's block
CSS isn't present locally, so the classes the pattern emits
(has-brand-primary-background-color, wp-block-buttons, …) are mapped to the
same token values WP would resolve. No colour is invented.

2.3MB of PNGs. If you'd rather not carry binaries in the repo, say so and I'll
move them somewhere else — but #102's image links point at this branch, so they
break if it's deleted without merging.

https://claude.ai/code/session_01Kbzfscp4w5enUrZxMnDt78

Backing evidence for #102. Renders the five toilville.com pages **design vs generated** so the fidelity gaps flagged in #101 are visible rather than described. Left is the deck source, right (terracotta border) is what `build_surfaces.py` produces today. Includes `render-comparison.py`, the harness that builds the two HTML documents per page, so the comparison is reproducible rather than a one-off screenshot. The generated side is styled from the **real** palette in `udg/products/wp-themes/toilville-fse/styles/toilville.json` — WordPress's block CSS isn't present locally, so the classes the pattern emits (`has-brand-primary-background-color`, `wp-block-buttons`, …) are mapped to the same token values WP would resolve. No colour is invented. 2.3MB of PNGs. If you'd rather not carry binaries in the repo, say so and I'll move them somewhere else — but #102's image links point at this branch, so they break if it's deleted without merging. https://claude.ai/code/session_01Kbzfscp4w5enUrZxMnDt78
docs(review): side-by-side fidelity evidence for the toilville deck pipeline
Some checks failed
PR policy check / policy-gate (pull_request) Failing after 0s
Security Scans / Trivy filesystem scan (pull_request) Successful in 41s
Security Scans / Gitleaks secret scan (pull_request) Successful in 41s
Test Generator / lint-workflows (pull_request) Successful in 30s
UDG dist drift gate / dist/ matches dtcg + udg sources (pull_request) Successful in 22s
Test Generator / lint-prose (pull_request) Successful in 33s
Test Generator / test (pull_request) Successful in 3m32s
15f5902d96
Renders the five toilville.com pages design-vs-generated so the gaps flagged in
PR #101 are visible rather than described: displaced inline <em> in headings,
feature bullets reduced to en-dashes, two- and three-column card grids
flattened to a single linear column, and the News/Contact structures lost.

Includes the render harness so the comparison is reproducible.

Claude-Session: https://claude.ai/code/session_01Kbzfscp4w5enUrZxMnDt78
docs(review): after-shots rendered through the real toilville/* blocks
Some checks failed
PR policy check / policy-gate (pull_request) Failing after 0s
Security Scans / Trivy filesystem scan (pull_request) Successful in 2m30s
Security Scans / Gitleaks secret scan (pull_request) Successful in 2m37s
Test Generator / lint-workflows (pull_request) Successful in 2m34s
Test Generator / lint-prose (pull_request) Successful in 1m8s
UDG dist drift gate / dist/ matches dtcg + udg sources (pull_request) Successful in 1m7s
Test Generator / test (pull_request) Successful in 4m1s
b4894fda5a
The original set showed ForgeBlock rendered straight to core Gutenberg blocks.
These show the same five pages after the layer-2->3 emitter (#104) and the
hero emphasis attribute (toilville_rituals#366).

The right-hand side is no longer an approximation of the block output: a PHP
harness executes each block's own blocks/<name>/render.php with the attributes
the generated pattern carries, shimming only the few WordPress helpers those
files call, then wraps it in the CSS variables WP emits from theme.json presets
plus every blocks/*/style.css verbatim.

Claude-Session: https://claude.ai/code/session_01Kbzfscp4w5enUrZxMnDt78
docs(review): shots after migrating the blocks to the current design
Some checks failed
PR policy check / policy-gate (pull_request) Failing after 1s
Security Scans / Trivy filesystem scan (pull_request) Successful in 1m34s
Security Scans / Gitleaks secret scan (pull_request) Successful in 1m36s
Test Generator / lint-workflows (pull_request) Successful in 1m39s
Test Generator / lint-prose (pull_request) Successful in 29s
UDG dist drift gate / dist/ matches dtcg + udg sources (pull_request) Successful in 47s
Test Generator / test (pull_request) Successful in 3m36s
8ff41b2c47
hero-home, products-grid and product-card retargeted (toilville_rituals#366),
plus lists and images surviving the converter (#105).

The harness also gained open/close InnerBlocks handling — products-grid wraps
its cards, and the previous version only matched self-closing blocks, so the
band's section chrome was silently missing from the render.

Claude-Session: https://claude.ai/code/session_01Kbzfscp4w5enUrZxMnDt78
peterswimm deleted branch docs/toilville-site-fidelity-evidence 2026-09-09 21:37:53 +00:00
Sign in to join this conversation.
No description provided.