[callumalpass]

Summary

• Add /app/connect-mdbase/ with the approved 3:53 hosted-first walkthrough, a responsive click-to-play player, written setup steps, and the full timestamped transcript.
• Serve the exact approved MP4, poster, and English captions from tasknotes.dev itself, not a temporary Cloudflare iframe. No autoplay or eager video download.
• Link the page from app navigation, the app overview, getting started, collection selection, and the mdbase guide. Keep Obsidian instructions explicitly separate.
• Explain demo/LAB data, omitted sign-in and OS installer dialogs, optional hosted mirrors, and local computer availability.
• Preserve public asset download URLs in the content generator instead of adding a documentation-route trailing slash; validate poster/download references as well as media sources.
• Refresh the canonical generated content, search, sitemap, and LLM documentation exports.

Verification

• npm test: 18 tests pass, including static page rendering, approved video SHA-256, exported media equality, caption timing/transcript parity, navigation, and link integrity.
• Browser checks: desktop light/dark, phone layout, video within a 320px viewport at 200% text, no initial MP4 request or autoplay, actual H.264 playback at 1440×960 for 232.6 seconds, and keyboard-operated transcript disclosure.
• git diff --check passes.

The unchanged site header/footer already overflows at 320px with 200% text, reproduced on the existing getting-started page as well. The new video itself remains within the viewport; this PR does not expand into a site-wide navigation redesign.

Publication

Merge to main and use the existing GitHub Pages deployment workflow. Intended permanent URL: https://tasknotes.dev/app/connect-mdbase/