keepright-declaration-viewer-demo

A standalone demo declaration viewer for KeepRight.

Drop or choose a declaration.json file; it renders in the browser with the same riso-poster aesthetic as the declaration maker demo. No database, no server, no other export formats.

Run it

ES modules need a local web server.

cd keepright-declaration-viewer-demo
python3 -m http.server 8080

Open http://127.0.0.1:8080.

What it does

1. Accepts a declaration JSON file (drag-and-drop or file picker).
2. Optionally validates it against the matching declaration schema from GitHub (needs network for the schema fetch).
3. Groups answers into rough sections (About You, The Material, Keep Right, Copy Right, Machine Right).
4. Renders it as a wild 80s-Memphis document: a zine cover with a VALID/LOADED stamp, colour-blocked section spreads, big editorial answers, sticker chips for multi-select answers, a colophon/provenance block, and a collapsible raw JSON panel.

Nothing is uploaded anywhere.

Try it

Create a declaration with the declaration maker demo, then drop the downloaded declaration.json in here.

Files

• index.html — drop zone + viewer shell
• styles.css — Memphis Group / 80s-90s demo styling
• js/app.js — file loading and UI wiring
• js/declaration-parser.js — parse and group answers
• js/declaration-view.js — fancy HTML renderer
• js/schema-validator.js — optional Ajv validation via esm.sh