Skip to content

Regenerate responsive derivatives for the new California Live and BNC stills - #21

Merged
qafears merged 1 commit into
mainfrom
claude/youtube-thumbnail-extraction-dx69tt
Jul 12, 2026
Merged

Regenerate responsive derivatives for the new California Live and BNC stills#21
qafears merged 1 commit into
mainfrom
claude/youtube-thumbnail-extraction-dx69tt

Conversation

@qafears

@qafears qafears commented Jul 12, 2026

Copy link
Copy Markdown
Owner

Summary

Follow-up to #20. That PR swapped the base JPEGs for the two Speak-page media cards (California Live and BNC), but the <Picture> component serves the pre-generated .avif/.webp responsive variants, not the base JPEG. Those variants were still the old placeholder title cards, so modern browsers (and the deployed site) kept rendering the old images.

This regenerates the responsive variants from the new stills so the cards actually display the real segment photography.

Changes

  • Regenerate the 400/800/1080 .avif and .webp variants for media-cali and media-bnc from the new source stills, using the same settings as tools/optimize_images.py.
  • Re-encode the two base JPEGs to the pipeline's standard 1080-wide q80 fallback.

Intrinsic dimensions are unchanged (1080×608), so src/data/img-variants.json needs no update.

Verification

  • npm run build succeeds.
  • python3 tools/validate_site.py dist passes (6 pages, 0 unfilled slots).
  • python3 tools/seo_check.py dist passes (6 pages, 0 warnings).
  • Rendered the Speak page from the build and confirmed both cards show the new stills.

🤖 Generated with Claude Code

https://claude.ai/code/session_01UtMN98v2akyjTLdqHedbid


Generated by Claude Code

The <Picture> component serves the pre-generated avif/webp variants, not the
base JPEG, so the earlier swap left the old title cards showing in modern
browsers. Regenerate the 400/800/1080 avif+webp variants for media-cali and
media-bnc from the new stills and refresh img-variants.json.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UtMN98v2akyjTLdqHedbid
@netlify

netlify Bot commented Jul 12, 2026

Copy link
Copy Markdown

Deploy Preview for qfearless ready!

Name Link
🔨 Latest commit ad11f53
🔍 Latest deploy log https://app.netlify.com/projects/qfearless/deploys/6a540672bae2d00008d2b8bb
😎 Deploy Preview https://deploy-preview-21--qfearless.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@qafears
qafears merged commit 93e56fb into main Jul 12, 2026
5 of 6 checks passed
@qafears
qafears deleted the claude/youtube-thumbnail-extraction-dx69tt branch July 12, 2026 21:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants