Uh oh!
There was an error while loading. Please reload this page.
feat(docs-site): lead the homepage with the 90-second overview, link the YouTube channel - #12218
Merged
Merged
Conversation
…the YouTube channel The README has carried the overview video since #11941 (a cover linking to https://youtu.be/CX_FlOoOtr0); the site homepage had nothing. It now plays there, in the position a product video is normally given — directly under the headline, before anything else. - `components/youtube-embed.tsx`: a click-to-play facade. Nothing is requested from YouTube until the viewer clicks, so the homepage costs no third-party frame, script or cookie on load; the click swaps in a youtube-nocookie iframe with autoplay. The cover is the README's own `hero-cover-dark.png` (copied into `public/`), which is 2:1 while the video is 16:9 — hence a fixed 2:1 frame with the player centred inside it at its own aspect ratio. Cropping the cover to 16:9 cuts through the logo on its left edge, and re-shaping the frame on click would shove the page down mid-interaction. - The hero is now a single centred column (eyebrow, h1, lead, CTAs, chips) with the video full-width beneath it. Side by side with a three-paragraph text column the video was small and floated in the middle of the row; the two paragraphs it displaced now sit under the video as a two-column band, and the artifact card moved to "01 · The loop", which is what it depicts. - The YouTube channel is linked twice: a `YouTube` button in the hero CTA row next to `GitHub`, and "More videos on YouTube" under the video. Verified in the browser at 1440/1280/500px, light and dark: poster renders, click loads the nocookie iframe at 16:9 and plays, no horizontal overflow. Docs-site only, no published package — no changeset (`skip-changeset`). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Uh oh!
There was an error while loading. Please reload this page.
This was referenced Aug 25, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
The README has carried the overview video since #11941 — a cover linking to https://youtu.be/CX_FlOoOtr0. The site homepage had nothing. It now plays there, in the position a product video is normally given: directly under the headline, before anything else.
The YouTube channel (https://www.youtube.com/@objectstack) is linked twice on the homepage — a
YouTubebutton in the hero CTA row next toGitHub, and "More videos on YouTube" under the video.How
apps/docs/components/youtube-embed.tsx— a click-to-play facade, not a bare<iframe>. Nothing is requested from YouTube until the viewer clicks, so the homepage costs no third-party frame, script or cookie on load; the click swaps in ayoutube-nocookie.comiframe withautoplay=1.hero-cover-dark.png, copied intoapps/docs/public/. It is 2:1 while the video is 16:9, so the frame is a fixed 2:1 with the player centred inside it at its own aspect ratio. Cropping the cover to 16:9 cuts through the logo on its left edge, and re-shaping the frame on click would shove the page down mid-interaction.Verification
Browser-verified against the running dev server at 1440 / 1280 / 500px, light and dark:
https://www.youtube-nocookie.com/embed/CX_FlOoOtr0?autoplay=1&rel=0at 864×486 (16:9) and plays;https://www.youtube.com/@objectstack;pnpm --filter @objectstack/docs typecheckandeslinton the changed files are clean.Docs-site only, no published package — no changeset, hence
skip-changeset.🤖 Generated with Claude Code