The hero clip opens its output pane when make is clicked; the image clip shows the Mandelbrot set and a seahorse-valley zoom, no Petscii; the landing lists the PDF and image clips first

record_demos.py: text-is-the-interface starts on README and main.c
alone, and the middle-click on make brings up the output pane before the
right-click puts main.c on line 12. image-pane draws two PNGs, the
classic view and a zoom into the seahorse valley; ls lists them, a
right-click opens the set, Del closes it and a right-click opens the
zoom. clips.toml and CLIPS run pdf-navigation, image-pane, pdf-tint-fit,
then the hero, terminals, scripting and diff-review.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

8 files changed, 17 insertions, 17 deletions

diff --git a/docs/site/media/captions.txt b/docs/site/media/captions.txt
index 73ad850c..47245043 100644
--- a/docs/site/media/captions.txt
+++ b/docs/site/media/captions.txt
@@ -1,7 +1,7 @@
+pdf-navigation: A 2,515-page PDF: page, jump to CPUID, search, step hits.
+image-pane: Right-click an image's name, even in a shell, to open it.
+pdf-tint-fit: PdfTint tints the page, PdfFit fits it, a page address jumps.
 text-is-the-interface: Middle-click runs a word; right-click an error opens its line.
 terminals-are-panes: A terminal is a pane: Ctrl-b, then move over its output.
 scripting-over-9p: A script drives the session through its virtual filesystem (9P).
 diff-review: Right-click a diff line to open that line of the file.
-pdf-navigation: A 2,515-page PDF: page, jump to CPUID, search, step hits.
-pdf-tint-fit: PdfTint tints the page, PdfFit fits it, a page address jumps.
-image-pane: Right-click a picture's name to open it; Petscii redraws it.
diff --git a/docs/site/media/clips.toml b/docs/site/media/clips.toml
index 3ce07fa3..f630930c 100644
--- a/docs/site/media/clips.toml
+++ b/docs/site/media/clips.toml
@@ -5,36 +5,36 @@
 # no video, so the site builds before a recording exists.
 
 [[clip]]
-name = "text-is-the-interface"
-caption = "Middle-click runs a word; right-click an error opens its line."
+name = "pdf-navigation"
+caption = "A 2,515-page PDF: page, jump to CPUID, search, step hits."
 ready = true
 
 [[clip]]
-name = "terminals-are-panes"
-caption = "A terminal is a pane: Ctrl-b, then move over its output."
+name = "image-pane"
+caption = "Right-click an image's name, even in a shell, to open it."
 ready = true
 
 [[clip]]
-name = "scripting-over-9p"
-caption = "A script drives the session through its virtual filesystem (9P)."
+name = "pdf-tint-fit"
+caption = "PdfTint tints the page, PdfFit fits it, a page address jumps."
 ready = true
 
 [[clip]]
-name = "diff-review"
-caption = "Right-click a diff line to open that line of the file."
+name = "text-is-the-interface"
+caption = "Middle-click runs a word; right-click an error opens its line."
 ready = true
 
 [[clip]]
-name = "pdf-navigation"
-caption = "A 2,515-page PDF: page, jump to CPUID, search, step hits."
+name = "terminals-are-panes"
+caption = "A terminal is a pane: Ctrl-b, then move over its output."
 ready = true
 
 [[clip]]
-name = "pdf-tint-fit"
-caption = "PdfTint tints the page, PdfFit fits it, a page address jumps."
+name = "scripting-over-9p"
+caption = "A script drives the session through its virtual filesystem (9P)."
 ready = true
 
 [[clip]]
-name = "image-pane"
-caption = "Right-click a picture's name to open it; Petscii redraws it."
+name = "diff-review"
+caption = "Right-click a diff line to open that line of the file."
 ready = true
diff --git a/docs/site/media/image-pane.mp4 b/docs/site/media/image-pane.mp4
index de60b945..9fb1a0e9 100644
--- a/docs/site/media/image-pane.mp4
+++ b/docs/site/media/image-pane.mp4
diff --git a/docs/site/media/image-pane.png b/docs/site/media/image-pane.png
index 3f77e2ac..94eb7b50 100644
--- a/docs/site/media/image-pane.png
+++ b/docs/site/media/image-pane.png
diff --git a/docs/site/media/image-pane.webm b/docs/site/media/image-pane.webm
index 46de130b..764be10c 100644
--- a/docs/site/media/image-pane.webm
+++ b/docs/site/media/image-pane.webm
diff --git a/docs/site/media/text-is-the-interface.mp4 b/docs/site/media/text-is-the-interface.mp4
index 253d1f39..35a3086c 100644
--- a/docs/site/media/text-is-the-interface.mp4
+++ b/docs/site/media/text-is-the-interface.mp4
diff --git a/docs/site/media/text-is-the-interface.png b/docs/site/media/text-is-the-interface.png
index b0d40b15..95a508c5 100644
--- a/docs/site/media/text-is-the-interface.png
+++ b/docs/site/media/text-is-the-interface.png
diff --git a/docs/site/media/text-is-the-interface.webm b/docs/site/media/text-is-the-interface.webm
index 07cf62e6..8a8baa89 100644
--- a/docs/site/media/text-is-the-interface.webm
+++ b/docs/site/media/text-is-the-interface.webm