feat(registry): add podcast/interview lower-thirds pack (10 blocks)#1689
Open
sunlesshalo wants to merge 1 commit into
Open
feat(registry): add podcast/interview lower-thirds pack (10 blocks)#1689sunlesshalo wants to merge 1 commit into
sunlesshalo wants to merge 1 commit into
Conversation
Adds 10 podcast/interview lower-third blocks across three families, filling the "What's Needed Right Now → Lower thirds: 10 variations for podcasts/interviews" gap. The only existing lower third (yt-lower-third) is a YouTube subscribe widget, so these name/role identifiers don't overlap. Clean: lt-clean-bar, lt-soft-pill, lt-dark-card Underline: lt-accent-underline, lt-side-rule, lt-mask-reveal Bold: lt-bold-block, lt-color-block, lt-stack-bars, lt-kicker-name Each: 1920x1080, 4.8s, transparent overlay; bundled auto-resolve fonts only (no Google Fonts link -> renders offline, zero font lint warnings); deterministic (paused timeline on window.__timelines, no random/Date.now/timers; class="clip" wrapper + inner animated element; hard-killed exit). All 10 pass hyperframes lint (0 errors / 0 warnings) and validate (no console errors).
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 free
to 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
Adds a podcast / interview lower-thirds pack — 10 blocks across three families — to the registry. Fills the catalog's stated gap: "What's Needed Right Now → Lower thirds: 10 variations for podcasts/interviews (Easy)."
The only existing lower third,
yt-lower-third, is a YouTube subscribe widget; these are name / role identifiers (bottom-left broadcast convention), so there's no overlap.The pack
Clean (light cards)
lt-clean-bar— white card + accent tab, clip-wipe entrancelt-soft-pill— rounded pill + status dot, scale-poplt-dark-card— charcoal card + drawn accent underline, slide-upUnderline (cardless — for footage; text-shadowed)
lt-accent-underline— condensed caps + an accent rule that draws left→rightlt-side-rule— vertical accent bar draws top→downlt-mask-reveal— accent sweep clip-path-reveals a heavy nameBold (podcast)
lt-bold-block— dark block wipes in, caps slam, mono tag popslt-color-block— accent-color block slides in with overshootlt-stack-bars— name bar wipes from the left, accent role bar from the rightlt-kicker-name— accent kicker/eyebrow, heavy name, drawn baselinePreview
Labeled 2×5 grid — all 10 blocks in motion (4.8s loop):
Conventions
data-composition-id.<link>, so they render offline / deterministically with zero font lint warnings.window.__timelines; noMath.random()/Date.now()/ timers;class="clip"timing wrapper (with id) + an inner animated element; hard-killed exit;#root-scoped CSS.Dr. Maya Chen/Host · Neuroscientist).Verification
Every block passes:
hyperframes lint→ 0 errors / 0 warningshyperframes validate→ no console errors(The cardless variants log advisory WCAG contrast warnings — expected for transparent overlays, where contrast depends on the underlying footage; the text-shadows handle legibility.)
Renders are deterministic, so any block reproduces identically via:
Notes for maintainers
registry/registry.jsonupdated with the 10hyperframes:blockentries.scripts/generate-catalog-pages.ts(to avoid generated-page churn) — happy to run it, split into smaller PRs, or adjust naming / grouping per your preference.previewhosting is left to maintainers.