Intro film on the home page (made in code)

[isaaclins]

An ~17 s intro film under the hero of isaaclins.com, made entirely in code: one canvas, a fixed timeline, rendered frame by frame with Playwright, encoded with ffmpeg. Source and render script: tools/film/ (README there).

• Cast: pixel icons of the projects on the home page (Stewie, Rental Law Navigator, demo-video-skill, Challenge Server, FreeSnitch, pi-vault, Spotiglass), drawn in tools/film/icons.js.
• Script: "I build applications." → "and ship AI tools." → the icons fold into the git log --graph (real hashes) → "from a prompt" → "to production." → ////////// isaaclins.com.
• Home page: layouts/shortcodes/film.html, .film in _home.scss, logic in home.js. 16:9 on wide screens, the 4:5 cut on phones (<source media>). Plays once while on screen, pauses off screen, one play/pause/replay button. Reduced motion and Save-Data / slow connections: poster only until pressed. Fixed aspect-ratio box, so no layout shift.
• Silent. Web files are under 1.1 MB each.

Do not merge yet. Isaac decides go/no-go on the review page.

🤖 Generated with Claude Code

[github-actions]

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-10-07 16:33 UTC