**Note** from Bead: Wedtech Beads 2026 07 08 · [canonical source](https://redfish.acequia.io/guerin/.agents/9d343253-c279-47ac-a066-cc31ce505782/2026-07-08/notes/11-talk-page-format.md) · session 2026-07-08 · discussion: Talk: Wedtech Beads 2026 07 08
Source: [phase-transitions.html](https://waldo.acequia.io/gsd-vis-2487/guerin/week-4-discussion/phase-transitions.html) (now anonymously readable; reference copy in [artifacts/format-reference-phase-transitions.html](https://redfish.acequia.io/guerin/.agents/9d343253-c279-47ac-a066-cc31ce505782/2026-07-08/artifacts/format-reference-phase-transitions.html)). The WedTech talk page follows this format per Stephen's decision.
## Structure - **One self-contained HTML file, full-viewport slideshow.** Slides are absolutely positioned divs in a `#slideshow` container; the active slide fades and translates in (0.6s ease); keyboard arrows, click zones, and touch navigate. - **Slide types by class:** `slide-title` (pretitle, big serif h1 with an italic accent em, subtitle, meta line), `slide-section` (mono section-label, h2, body copy max 65ch, optional parameter grid), `slide-sim` (a live demo in an iframe), `slide-close`. - **Live demos via lazy iframes.** Each demo slide holds `<iframe data-src="...">`; entering the slide sets `src` from `data-src`, leaving it resets to `about:blank` (stops audio and compute). Demos are a mix of same-origin pages and cross-origin apps (firesweep.simtable.com, redfish.com models, netlogoweb.org), so cross-origin iframes are proven to work in this format. - **Footer bar (3.2rem)** with prev/next controls, slide counter, the current demo's label, and open/copy icons: the pop-out is "open the raw iframe URL in a new tab" plus a copy-URL affordance. - **Aesthetic:** near-black `#0a0a0f`, surface `#12121a`, accents gold `#e8c547` / teal `#4fc3c3` / rose `#e05a7a`; Cormorant Garamond for prose, JetBrains Mono for labels; SVG fractal-noise texture on concept slides; custom dot cursor (suppressed on touch).
## Mapping to the WedTech talk - Interleaved beats become slide runs: section slide (theory beat) then sim slide (the app live). Hydrants, Old Fire progression viewer, and the anysurface simulator each ride an iframe with pop-out via the footer. - The pen-ink facets sketch and the origins-and-scopes slide drop in as section slides (the sketch's paper background will contrast deliberately with the dark deck; decide whether to keep the contrast or restyle). - Candidate deploy home: `redfish.acequia.io/guerin/apps/wedtech-beads/` or alongside the bead's artifacts; needs the README + access sidecar checklist on deploy.
## Open questions - [ ] Keep the paper-white sketch slides as deliberate contrast inside the dark deck, or re-ink them on the dark ground? - [ ] Deploy home for the talk page: `guerin/apps/wedtech-beads/` (app-like, public sidecar) or the bead's `artifacts/`?