Skip to content

Comments

feat: add thumbnails and improve demo page styling#478

Merged
mikelane merged 1 commit intomainfrom
feat/demo-page-thumbnails
Feb 7, 2026
Merged

feat: add thumbnails and improve demo page styling#478
mikelane merged 1 commit intomainfrom
feat/demo-page-thumbnails

Conversation

@mikelane
Copy link
Owner

@mikelane mikelane commented Feb 7, 2026

Summary

  • Split "dioxide" title into "di" (orange) + "oxide" (white) for visual distinction
  • Add video thumbnails (160x90px) to all 5 demo cards
  • Thumbnails extracted from each video at 5-second mark using ffmpeg
  • Responsive design: thumbnails stack above content on mobile

Test plan

  • Verified locally in browser (light and dark mode)
  • All 5 thumbnails display correctly
  • Cards remain clickable and link to demo pages
  • Mobile responsive layout works

🤖 Generated with Claude Code

- Split "dioxide" title: "di" in orange, "oxide" in white
- Add video thumbnails to all demo cards (160x90px)
- Extract thumbnails from each demo video at 5 second mark
- Add responsive thumbnail styling for mobile
- Add global .brand class for consistent orange coloring

Co-Authored-By: Claude <noreply@anthropic.com>
@codecov
Copy link

codecov bot commented Feb 7, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 91.85%. Comparing base (b7a9190) to head (3b89e29).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##             main     #478   +/-   ##
=======================================
  Coverage   91.85%   91.85%           
=======================================
  Files          21       21           
  Lines        1903     1903           
  Branches      372      372           
=======================================
  Hits         1748     1748           
  Misses         91       91           
  Partials       64       64           
Flag Coverage Δ
python-3.13 91.85% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted file tree graph

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@mikelane mikelane merged commit c47c78c into main Feb 7, 2026
21 checks passed
@mikelane mikelane deleted the feat/demo-page-thumbnails branch February 7, 2026 22:46
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.

1 participant