docs/site: the project homepage, in English and Chinese

[ZLHad]

What and why · 改了什么、为什么

The maintainer asked to stop treating the page as a talk demo and make it the project's homepage. It should read as a product introduction, keep the current glass look, and switch between English and Chinese.

Where it lives

• The page moved from docs/talk/ to docs/site/.
• docs/talk/index.html is now a redirect, so the old About link keeps working.
• A new root index.html redirects too, so once Pages is on the site opens at zlhad.github.io/OpenVideoHarness/.
• Both redirects keep ?lang= and #section.

EN / 中 switch

• In the top bar.
• Every text on the page exists in both languages: the style names, the chart dates, the f(t) readout and its pixel check, the captions and the aria labels.
• The first visit follows the browser's language. The choice is remembered (localStorage), and ?lang=en|zh picks one in a link.
• Chinese headings rise in character by character, and a phrase never breaks across lines.

Content, for someone new to the project

• Hero: what it is, one line on what happens, three buttons (start, watch the film, star on GitHub), and a row of facts: written by Claude, MIT, 9 types, 31 styles, 5 engines.
• Why: starts from the problem: "One great film is easy. Every time is hard." / 做出一支好片不难，每次都好才难。 It adds that the harness is light on purpose: a few hard floors, and defaults a good idea can overrule.
• Built with Claude and In practice: in the project's voice, not the presenter's.
• New FAQ: ten questions, one open at a time. The answers follow the README:
  • how it differs from just asking an agent, with the honest A/B result from docs/research/06
  • cost
  • time
  • requirements
  • Codex
  • languages
  • real people
  • current limits
  • the relation to Anthropic
  • contributing
• Footer: links to the README in both languages, the wiki, the changelog, the contributing guide and the license.

Removed and updated

• The presenter tools are gone: speaker notes, the timer, the key list and arrow-key paging. Scroll snapping is proximity, so it no longer takes over the wheel.
• Numbers: 75 PRs in the first 11 days (2026-09-29 to 10-09 UTC), 72 from claude/ branches. The chart and the ticker include docs/talk: a one-page site and script for a five-minute demo #74 and docs/talk: Get started comes first, Contact last #75.
• docs/site/README.md now describes the site: viewing it, the language switch, how to edit both languages, the optional slots, and where the numbers come from.

How it was verified · 怎么验证的

Headless Chromium (Playwright), in both languages

• Desktop (1440×900, 1280×720):
  • every section fits the viewport
  • no horizontal scroll
  • the top-bar items don't overlap
  • no page errors
• 1024×768 and 390×844:
  • no horizontal scroll
  • no errors
  • sections grow taller there, as before

The language switch

• Clicking it sets data-lang and lang="zh-CN", ?lang=zh and localStorage. The choice survives a reload.
• In Chinese, the f(t) check reports 第 66 帧，紧接在第 275 帧之后重渲：61,250 个像素里有 0 个不同。完全一致。
• Every <span lang="en"> has a lang="zh" twin next to it. The one exception is the "TikTok in China" gloss, which only the English needs.

Visual and redirects

• Screenshots of all 12 sections in both languages were checked by eye.
• Fixed from that check:
  • Chinese headings broke inside a word, so phrases now stay whole;
  • the film chapters wrapped to a second row;
  • on phones, the galaxy sat behind the hero text.
• Both redirects land on docs/site/ with the query and hash kept.

CI: tools/ci.sh --committed passes.

Not checked: video playback, since Playwright's Chromium has no H.264. The <source> order is unchanged from the merged version.

Checklist · 自查

• tools/ci.sh --committed passes · 通过
• User-visible change noted in CHANGELOG.md → Unreleased · 用户能感知的改动已记进 CHANGELOG
• Changed CLAUDE.md → ran bin/vh sync-agents · 改了 CLAUDE.md 已同步 AGENTS.md (not changed)
• No API keys, LOCAL.md, projects/ or render output committed · 没有提交 key、LOCAL.md、projects/ 和渲染产物
• Swatch media under styles/<slug>/media/ changed only on purpose · 样片媒体只在有意更新时才改 (not changed)
• README changes made in both README.md and README.zh-CN.md · README 中英文两份都改了 (neither changed)

🤖 Generated with Claude Code

https://claude.ai/code/session_01SmFwAn6zi66wtuCHrEhmr4

---

Generated by Claude Code