Welcome
Foundations
Welcome to the course template. This lesson is a live demo of every Phase 2 block — drop it into the browser at /00-foundations/welcome to eyeball each component at 375 / 768 / 1280.
Callout — info / tip / warning / danger
Video — auto-detect provider
The same <Video> component takes a Vimeo, Loom, Bunny, or Cloudflare Stream URL and renders the matching embed.
Audio — Spotify / SoundCloud / direct file
PromptBox — copy-to-clipboard
System prompt
You are a senior course author. Rewrite the following lesson body in plain language without losing technical detail. Output only the rewritten body. Preserve all code blocks verbatim.
Download — file card
Course workbook PDF companion for this module. Print or annotate as you go.The card above points at a placeholder path. Drop a real file at public/downloads/sample.pdf and the build will compute the file size automatically.
Quiz — single-question MCQ
Which block is responsible for rendering a YouTube embed?
The Video block auto-detects YouTube, Vimeo, Loom, Bunny, and Cloudflare Stream URLs and renders the appropriate iframe.
Transcript — collapsed by default
This is the placeholder transcript. In a real lesson, paste the full text the learner can read instead of watching the video. Pagefind (Phase 4) will index this content even when the panel is collapsed, so it’s searchable from /search.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
That’s all seven Phase 2 blocks. See CONTENT_SCHEMA.md for the full props reference.