Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
| Comment: | Workshop v2: the live sketch runs under Fossil's Content-Security-Policy
Intent: Jason (2026-10-27): clicking Run fails on the server; the page chrome can give the nonce Expression: www/workshop-v2: the sketch no longer runs in a srcdoc iframe, which inherits the deck page's CSP and so blocked its inline script. The iframe now loads sketch.html?slide=ID, a fossil-doc page, so Fossil's skin adds scripts carrying the response's nonce; sketch-runner.js reads that nonce, takes the code from the slide as it reads now, and runs it as an inline script with the nonce, hiding the skin around the canvas. Run reloads the frame Demonstrates: node www/workshop-v2/verify.cjs passes; served by a local fossil ui (same CSP and skin as the server), Chromium driven over DevTools draws purple with a real mouse drag, then after editing to red and weight 20 and pressing Run draws thick red; the browser logs no CSP violations; the frame shows only the canvas Co-Authored-By: Claude Opus 5.5 (1M context) noreply@anthropic.com Claude-Session: https://claude.ai/code/session_01TUH8KK2Go6LY3bThfCuUie |
|---|---|
| Downloads: | Tarball | ZIP archive |
| Timelines: | family | ancestors | descendants | both | workshop-v2-plain-language |
| Files: | files | file ages | folders |
| SHA3-256: |
7c4d70ec94a68865a01d6b7401f0aaaa |
| User & Date: | run-abd0b0f7 2026-10-27 16:36:28.454 |
|
2026-10-28
| ||
| 10:09 |
Workshop v2: story version R, for comparison
Intent: Jason (2026-10-28): draft version R, the least corny and most engaging of five versions rated on the perceived-corniness and transportation scales, on its own branch to look at before deciding Expression: www/workshop-v2/slides.json: Bridget is Chloe's daughter; the Flash scene and the one-line morals on the story slides are cut, and slide 9 no longer speaks of tools out of reach; the turning point is 'Mine doesn't do anything.', left unresolved through both exercises; after Exercise 2 the story ends on two live p5.js sketches ('The app's looked better.' and 'In the morning', Bridget's crooked orange brush), then 'The tool is real' states p5.js and Lauren Lee McCarthy as fact outside the story; the supercar, the point of the story and the four questions follow as the argument; times rebalanced to 88 minutes; build.cjs run of show and verify.cjs (46 slides, 17 images) updated Demonstrates: node www/workshop-v2/verify.cjs passes; under a local fossil ui (same CSP and skin as the server), Chromium driven over DevTools draws orange with Bridget's brush, with no CSP violations, and the placemat, alebrije, first sketch and p5-real slides render within the slide Co-Authored-By: Claude Opus 5.5 (1M context) noreply@anthropic.com Claude-Session: https://claude.ai/code/session_01TUH8KK2Go6LY3bThfCuUie check-in: 8b02bfc20c user: run-abd0b0f7 tags: workshop-v2-story-r | |
|
2026-10-27
| ||
| 16:36 |
Workshop v2: the live sketch runs under Fossil's Content-Security-Policy
Intent: Jason (2026-10-27): clicking Run fails on the server; the page chrome can give the nonce Expression: www/workshop-v2: the sketch no longer runs in a srcdoc iframe, which inherits the deck page's CSP and so blocked its inline script. The iframe now loads sketch.html?slide=ID, a fossil-doc page, so Fossil's skin adds scripts carrying the response's nonce; sketch-runner.js reads that nonce, takes the code from the slide as it reads now, and runs it as an inline script with the nonce, hiding the skin around the canvas. Run reloads the frame Demonstrates: node www/workshop-v2/verify.cjs passes; served by a local fossil ui (same CSP and skin as the server), Chromium driven over DevTools draws purple with a real mouse drag, then after editing to red and weight 20 and pressing Run draws thick red; the browser logs no CSP violations; the frame shows only the canvas Co-Authored-By: Claude Opus 5.5 (1M context) noreply@anthropic.com Claude-Session: https://claude.ai/code/session_01TUH8KK2Go6LY3bThfCuUie Leaf check-in: 7c4d70ec94 user: run-abd0b0f7 tags: workshop-v2-plain-language | |
| 16:24 |
Workshop v2: a live p5.js drawing tool on the slides
Intent: Jason (2026-10-27): add direct use of p5.js to the presentation Expression: www/spikes/vendor/p5: p5.js 2.3.4 (LGPL-2.1, unmodified lib/p5.min.js from the npm registry) with its license, recorded in THIRD-PARTY-NOTICES.txt. www/workshop-v2: a slide field 'sketch' that build.cjs renders as editable code beside a live canvas with a Run button; deck.js runs the code as it reads on the slide in an iframe that loads the bundled p5.js. New slide 16, 'A drawing tool you can read', after the four questions: an 11-line drawing sketch, with notes on demonstrating it, how it answers the four questions, and Lauren Lee McCarthy's reason for starting p5.js. Bridge times adjusted; verify.cjs expects 45 slides and checks that the bundled p5.js exists Demonstrates: node www/workshop-v2/verify.cjs passes; in Chromium driven over DevTools, a real mouse drag draws purple on the canvas (302 frames), and editing the code to red and weight 20 and pressing Run restarts the sketch, after which a drag draws thick red Co-Authored-By: Claude Opus 5.5 (1M context) noreply@anthropic.com Claude-Session: https://claude.ai/code/session_01TUH8KK2Go6LY3bThfCuUie check-in: 08ad2c018f user: run-abd0b0f7 tags: workshop-v2-plain-language | |