Skip to content

Replace the animated GIF demos on tool pages with video - #195

Closed
bendichter wants to merge 1 commit into
mainfrom
convert-demo-gifs-to-video
Closed

bendichter wants to merge 1 commit into
mainfrom
convert-demo-gifs-to-video

Conversation

@bendichter

Copy link
Copy Markdown
Contributor

Six tool pages embed screen recordings as animated GIFs, 51 MB in total. The NWB Widgets page loads a 22 MB GIF and the Suite2p page a 17 MB one.

This converts them to H.264 MP4 (5.4 MB in total) and embeds each with a muted, looping, inline <video>, the same pattern the Supporting NWB page already uses, so they still play automatically without controls. The Suite2p recording is scaled from 1920 to 1600 px wide and is still the largest at 4.1 MB. The others keep their size.

The DeepLabCut and SLEAP cards on the Community Tools page used the same GIFs as their card image. Those are now animated WebP (0.6 MB and 0.3 MB), since the card template takes an image. The GIF originals are removed.

🤖 Generated with Claude Code

Six tool pages embedded screen recordings as animated GIFs, which totalled 51 MB. The NWB Widgets page alone loaded a 22 MB GIF and the Suite2p page a 17 MB one. They are now H.264 MP4 files (5.4 MB in total) played with a muted, looping, inline video element, which behaves the same way as the GIF did. The Suite2p recording is scaled from 1920 to 1600 pixels wide and the others keep their size.

The DeepLabCut and SLEAP cards on the Community Tools page used the same GIFs as their card image. Those are now animated WebP files, since the card template takes an image.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
@netlify

netlify Bot commented Oct 9, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for nwborg ready!

Name Link
🔨 Latest commit 7ff8bef
🔍 Latest deploy log https://app.netlify.com/projects/nwborg/deploys/6ac922ece46b8000088a0c74
😎 Deploy Preview https://deploy-preview-195--nwborg.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@bendichter

Copy link
Copy Markdown
Contributor Author

Superseded by #207, which combines this with the related PRs. The commits here are included there unchanged.

@bendichter bendichter closed this Oct 11, 2026
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