docs: add 30s VHS terminal demo GIF to README

Author: greynewell

README.md

@@ -1,5 +1,8 @@
 # GraphTheory landing page
 
+<p align="center">
+  <img src="demos/demo.gif" alt="30-second demo: local preview and static assets" width="100%">
+</p>
 
 <p><strong>Docs:</strong> <a href="https://graphtheory.xyz/">https://graphtheory.xyz/</a></p>
 

demos/demo.gif

@@ -0,0 +1,28 @@
+Output demos/demo.gif
+Set Shell "bash"
+Set FontSize 20
+Set Width 1280
+Set Height 720
+Set Theme "Catppuccin Mocha"
+Set TypingSpeed 50ms
+
+Type "# graphtheory.xyz · static cyberpunk landing" Enter
+Sleep 600ms
+Type "grep -m1 '<title>' index.html" Enter
+Sleep 2s
+Type "ls assets" Enter
+Sleep 3s
+
+Hide
+Type "python3 -m http.server 4173 >/tmp/gt-demo-http.log 2>&1 &" Enter
+Sleep 1s
+Type "curl -s http://127.0.0.1:4173/ | head -20" Enter
+Sleep 5s
+Type "pkill -f 'http.server 4173' || true" Enter
+Sleep 1s
+Show
+
+Type "# Zero build step · python3 -m http.server 4173" Enter
+Sleep 3s
+Type "open https://graphtheory.xyz/" Enter
+Sleep 3s

demos/vhs/demo-30s.tape

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+ROOT="$(cd "$(dirname "$0")/../.." && pwd)"
+cd "$ROOT"
+command -v vhs >/dev/null || { echo "Install: brew install vhs ffmpeg" >&2; exit 1; }
+mkdir -p demos
+vhs demos/vhs/demo-30s.tape
+ls -la demos/demo.gif

demos/vhs/render_demo_gif.sh

@@ -0,0 +1,23 @@
+{
+  "name": "HeavyCoder",
+  "black": "#0a0e14",
+  "red": "#ff6b9d",
+  "green": "#5eca89",
+  "yellow": "#fdd877",
+  "blue": "#65aef7",
+  "magenta": "#c678dd",
+  "cyan": "#56d4e8",
+  "white": "#e6e8eb",
+  "brightBlack": "#3d4450",
+  "brightRed": "#ff8ab3",
+  "brightGreen": "#7ee0a8",
+  "brightYellow": "#ffe08a",
+  "brightBlue": "#8bc4ff",
+  "brightMagenta": "#d8a0f0",
+  "brightCyan": "#7ee8ff",
+  "brightWhite": "#ffffff",
+  "background": "#0a0e14",
+  "foreground": "#e6e8eb",
+  "selection": "#1a2332",
+  "cursor": "#56d4e8"
+}