From 1ba58f1fe77417fa86d62b022645bad48b7eed94 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 16 Oct 2026 06:04:21 +0000 Subject: [PATCH] Docs: add the walkthrough video to the overview page A Video section after the interactive looks plays docs/video/layeris.mp4 with a poster frame of the intro's logo and wordmark, and the overview's sidebar links to it. The Remotion project now renders straight into docs/video/ (npm run render, npm run poster), so the MP4 moves there from video/out/ instead of being kept twice. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01Lpfz52CucHEw9WyhgzPjmj --- docs/assets/site.css | 10 ++++++++++ docs/index.html | 15 ++++++++++++++- {video/out => docs/video}/layeris.mp4 | Bin docs/video/poster.jpg | Bin 0 -> 41605 bytes scripts/build_docs.py | 20 +++++++++++++++++++- video/.gitignore | 1 + video/README.md | 7 +++++-- video/package.json | 5 +++-- 8 files changed, 52 insertions(+), 6 deletions(-) rename {video/out => docs/video}/layeris.mp4 (100%) create mode 100644 docs/video/poster.jpg diff --git a/docs/assets/site.css b/docs/assets/site.css index 44ba0b6..ac492b6 100644 --- a/docs/assets/site.css +++ b/docs/assets/site.css @@ -407,6 +407,16 @@ code { /* Overview */ /* ------------------------------------------------------------------ */ +/* Walkthrough video on the overview page */ +.video { margin: 0; } +.video video { + display: block; + width: 100%; + height: auto; + border-radius: 3px; + background: var(--code); +} + .looks { margin-top: 48px; display: flex; diff --git a/docs/index.html b/docs/index.html index a47dc79..08c86da 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,7 +22,7 @@