From 8781cd9430a4d53ab6d605974892819ec47d84d7 Mon Sep 17 00:00:00 2001 From: Gabriel Schneider Date: Thu, 1 Oct 2026 15:25:59 -0300 Subject: A chapter can show a recording: #clip(name), used once for the chords in the guide's mouse section #clip reads docs/site/media/clips.toml. On the site it is the landing's video (poster, autoplay muted loop playsinline, controls) with its caption, and the in-view script that plays it now runs on every page; in the book it is the poster at 7 cm with the caption. The guide shows the chords clip under its mouse table, in place of the TODO. Co-Authored-By: Claude Opus 5.5 --- docs/site/site.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/site/site.css') diff --git a/docs/site/site.css b/docs/site/site.css index dc682eff..260a1b35 100644 --- a/docs/site/site.css +++ b/docs/site/site.css @@ -214,3 +214,6 @@ main[data-page="builtins"] .content h4 + p { margin-top:0; } .mode-box { display:inline-flex; align-items:center; justify-content:center; width:1.15em; height:1.15em; vertical-align:-.15em; font:700 .8em var(--mono); background:var(--tag); color:var(--ink); border:2px solid var(--leaf); border-radius:2px; } .mode-box.unsaved { background:var(--amber); border-color:var(--amber); color:#1b120a; } +/* a recording inside a chapter */ +.content .clip.inline { margin:1.2em 0; max-width:640px; } +.clip.inline video { display:block; width:100%; height:auto; aspect-ratio:960/700; background:var(--deep); } -- cgit v1.3