JD Workshop Filmstrip — Variation 17

Linear narrative · Scroll is playback

Every scene is evidence.
Every cut is a decision.

This site plays like a film. Scroll progresses through frames. The timeline scrub lets you replay any moment. Proof labels act as director's commentary.

Begin playback Read the guide
01 / Scenes

Projects presented as scenes.

Each deliverable is a frame in a larger narrative. Scroll advances the reel. Proof labels keep the story honest.

01
Real Built demo

The Workshop Reel

A working motion study showing how scroll maps to playback position. Built with vanilla JS and requestAnimationFrame.

Director's commentary: This first frame establishes the visual language before any project enters the reel.

02
Real

Geometric Proof System

Evidence rendered as spatial diagrams. Each proof token is a point, line, or plane with labeled tolerances.

Director's commentary: Geometry replaces charts because it reads the same in any language.

03
Concept

Motion as Narrative

Speculative expansion: each JD Workshop variation rendered as a unique motion study. Labels remain honest even in motion.

Director's commentary: This scene is intentionally labeled concept. It is a hypothesis, not a completed project.

Film
strip
17
04
Real Built demo

This Pilot

Variation 17 as a complete static site. Distinct from prior variations. Ready for iteration, critique, and later Vercel deployment.

Director's commentary: The filmstrip format itself is real code; the scenes inside are proof.

Scene 01 Scene 02 Scene 03 Scene 04
02 / Director's commentary
Real

Evidence labels are non-negotiable.

Real work is labeled real. Concept is labeled concept. Built demo is labeled built. No fake testimonials, awards, or invented evidence presented as fact.

Built demo

The timeline scrub is working code.

Drag the handle or click any tick to jump to a scene. Scroll also advances the timeline. Both inputs are connected to the same state.

Concept

Filmstrip as a deployable pattern.

Future possibility: each scene can become its own subdomain under *.jdworkshop.com, assembled into a unified narrative via this scrubber.

03 / Decision surface

Built to be iterated, not finished.

This is variation 17. It does not repeat prior sites. It is ready for critique, tuning, and Vercel deployment when the build is approved.

Review the guide Replay reel