Hero demo v4 — YouTube-style, cloud vehicle + open-source/cloud messaging (final scenario)

Look / pipeline (carried from v3, minus the terminal)

• 2K (2560×1440), h264. macOS window frames composited over autoproducer/assets/bg-network2-2k-dim.mp4 (looped, dimmed, no blur). Static windows — no zoom/push-in. One-time intro entrance kept.
• Browser CSS viewport ~1300px (v3 fix — verify document.documentElement.clientWidth >= 1290 over CDP, no .site-header__hamburger visible). --force-device-scale-factor=1.1, chromium window ≈1430 OS-px wide. Breakpoints: ≥1280 = 3-col desktop, both sidebars inline (assets/defaulttemplate/src/index.scss:888).
• v3 stage geometry stands: obsidian x20 y60 w1068 h1010; chromium x1108 y60 w1430 h1010 (20px gap). One fewer window than v3 — no terminal window at all (this also kills the terminal-window bug class).
• Voice: owner's clone, ElevenLabs eng tvApEij8Hu2VscOrlzzV, model eleven_v3, sparse tags. More energy than v3's understated read, still dev-to-dev — not hype-bro.
• Music: none (VO-forward). The two interaction SFX from v3 stay: success blip on push, soft tick on live-update. Kinetic captions (below) carry the "YouTube energy" instead of a music bed.
• Honesty: real product only, no mockups. Every beat is a shipped feature (customization beats verified against internal/defaulttemplate/template.go in v3).

The cloud vehicle (verified flow)

1. Open trip2g.com landing briefly — the header CTA is literally "Try free" (docs/_header.md → https://simplecloud.2pub.me; also on the try-now and pricing sections). This is the on-camera path from landing to cloud.
2. simplecloud.2pub.me dashboard → click "Open as Admin" (HAT one-click).
3. Lands already authenticated as admin on the space's real https subdomain, on the empty-state "Welcome! … Download archive" onboarding page. No login typing, no DEV code, no localhost.
4. The cloud assigns a random subdomain = adjective + writer's name (e.g. honesthesse.2pub.me = honest + Hesse). We keep it and call it out — it's charming and it's honest.

Honesty line (on camera + VO): this is a free cloud playground — early, best-effort, no guarantees. Say it plainly. It buys trust and pre-empts "is this production?" comments.

Target length: ~120s

• YouTube product demos hold best at 90–150s; v3 proved the content fits 115s.
• v4 removes ~16s of terminal/login but adds ~10s of landing→cloud + honesty beat and ~5s of a stronger three-ways-in hook. Net ≈120s.
• Retention hooks (the moments that stop the scroll / re-hook mid-video): 0:00 the "one click + open source" promise on the landing, 0:32 first live push, 0:44 wikilink page-from-nothing, 1:16 the serif re-render ("the whole look flipped from one line"). The beat sheet paces so none of these is more than ~25s from the previous one.

Beat sheet (~120s)

Kinetic captions total five: "open source · self-host · or one click", "free cloud playground — no guarantees", "live", "private by default — free: true publishes", "your template". Short, lower-third, ≤2s each. No more — tasteful, not TikTok.

Customization arc (owner framing): nav, sidebars, TOC, backlinks are all standard-template features — frontmatter-driven, zero coding, out of the box. The custom Jet layout beat is the deliberate contrast: the escape hatch when you want to go beyond what the standard template gives you. The VO carries this framing with one clause per beat (52–62, 62–74, 74–88).

Concrete on-camera file contents (reused from v3, pre-stage in starter-pack where noted)

---
title: Navigation
free: true
---

- [Home](/)
- [About](/about)
- [Deep Work](/deep-work)

---
free: true
---

# About

I write about focus and deep work. This site is my digital garden.

# Deep Work

## What it is
Focused, undistracted work on a cognitively demanding task.

## Why it matters
It compounds. The ability to focus is getting rarer and more valuable.

## How I practice it
Time-blocked mornings, phone in another room. See [[About]].

## What breaks it
Notifications, open tabs, and meetings that could have been a note.

## What it gives back
Fewer hours, better output — and the rare feeling of actually finishing.

---
title: "Deep Work"
free: true
left_sidebar:
  - TOC
  - inlinks
right_sidebar:
  - outlinks
content:
  - selfcontent
---

{{ defaultTemplate.Styles() }}   {{-* the design-system CSS: --pico-* vars, dark mode free *-}}
...
{{ defaultTemplate.Header() }}
<header class="mg-hero">
  <h1>{{ note.Title() }}</h1>
  <div class="mg-hero__lead">{{ note.PartialRenderer().Introduce().ContentHTML }}</div>
</header>
<main class="mg-rows">
  {{ range i, sec := note.PartialRenderer().Sections(2) }}   {{-* AST: one feature row per H2 section *-}}
  <article class="mg-row"><div class="mg-row__num">{{ i+1 }}</div><h2>{{ sec.TitleHTML }}</h2>
    <div class="mg-row__body">{{ sec.ContentHTML }}</div></article>
  {{ end }}
</main>
{{ cta := nvs.ByWikilink("_snippet-cta") }}   {{-* cross-note: pull another note *-}}
{{ if cta }}<aside class="mg-cta">{{ cta.HTMLString() }}</aside>{{ end }}

VO script (eleven_v3, sparse tags — punchy, short lines, owner's voice)

[0–4] [warm] Hi guys. Let me show you trip2g. Your Obsidian vault — turned into a real website. And it's open source.

[4–12] You can run it on your own computer. Or a server — the code's on GitHub. Or skip all that and use our free cloud playground. It's early, no guarantees — but it's one click.

[12–20] One click. I'm the admin of a real site, on a real domain. [warm] The cloud names it after a writer — I got Hesse today. Up top: your account, the admin panel, and search.

[20–28] It hands you a starter vault. A normal Obsidian vault with the sync plugin already inside.

[28–38] Open it. Edit the home page. Hit save. That's it — the site just updated. Live.

[38–52] New pages? Just link them. Click the link, Obsidian makes the note. Write — and to publish it, one line: free, true. Pages stay private until you say so. Save, and it's on the site.

[52–62] Navigation is a note too. List your links in _header, save and the built-in template turns it into your menu.

[62–74] Sidebars? One line of frontmatter. Table of contents, backlinks the standard template renders it all. No coding.

[74–88] And when the standard template isn't enough the look is yours. Drop an HTML layout into the vault, point a page at it and it renders your way. Completely.

[88–102] Keep writing and it grows into a digital garden. This docs site you're scrolling? Runs on trip2g.

[102–120] So — three ways in. Star it on GitHub and run it yourself. Or hit try-free and play in the cloud. And if you've got an AI agent — it can connect too, over MCP. [warm] Link's on screen.

Delivery note: faster read than v3, sentences land on cuts. Beats 38–52 now carry the free-flag teach, so the VO fills more of the GIF-cut window — the footage still breathes on the final "Save, and it's on the site" landing. The silent README GIF is cut from the same footage without VO, so the extra line costs the video nothing.

Speed levers for this recording

Cloud removes the three biggest costs from the time-profile: no terminal/memcli boot, no login/DEV-code beat, no reset harness fighting root-owned docker volumes — and no terminal window means the terminal-window bug class is gone entirely.

1. State reset between takes: either record on a fresh space (empty state costs one "Open as Admin" click), or clean the current one with a hideNotes(paths) mutation via api-key (internal/graph/schema.graphqls:2101) — scriptable, no dashboard clicking. Fresh space is simpler; hideNotes is for mid-session partial resets.
2. coords.json first. Only two windows now (Obsidian + Chromium at the v3 geometry) plus the landing/dashboard clicks. Map the landing "Try free" CTA, dashboard "Open as Admin", and Welcome-page download button; validate with one screenshot before rolling.
3. Pre-stage files, don't type them — v3 rule stands: Deep Work.md body, _layouts/custom/page.html, garden notes go into the starter-pack; only the visible edits (header links, About's free: true, sidebar frontmatter, layout: line) happen on camera, written to disk with an xdotool cursor/save moment. Kills the Obsidian list-autocomplete retake class.
4. Per-segment structure stands (run-all.sh): new segments are landing→cloud (beats 0–20); everything from beat 20 on reuses v3 segment logic at the same geometry. Reuse v3's per-beat mp3s only where lines are unchanged (few are — most VO re-renders, it's cheap, ~1 min).
5. Network honesty: the cloud is best-effort — do one dry-run push to confirm sync latency on the hosted box before takes, so a slow "Pushed 1 files" doesn't eat a take. If latency is visible, cut around it (save → cut → site updated) rather than faking it.
6. Keep VO/endcard/post.py as committed parameterized scripts (v3 lever 5) so timing tweaks don't re-trigger takes.

Open choices (flag for the owner)

1. Random subdomain on camera: keep it. Recommendation — the adjective+writer name is memorable and supports the honesty framing ("playground"). Alternative: pre-provision a branded space (e.g. demo.2pub.me) if the random draw lands an awkward name; decide after seeing the actual draw on recording day.
2. Landing beat length: 4–12s assumes the landing reads instantly at 1300px viewport. If the mesh landing needs a scroll to reach "Try free", cut to the header CTA directly — don't spend seconds scrolling.
3. Landing "try free" → login-page gap: the link audit (2026-07-02_landing_link_audit.md) notes simplecloud lands on a bare login form. On camera we'll be pre-authenticated, so it won't show — but a first-time viewer following the CTA hits that form. Worth fixing before the video ships traffic at it.