Skip to content

Commit a11eb8e

Browse files
gary149claude
andauthored
Replace welcome modal video with GIF for mobile compatibility (#2011)
Replace welcome modal video with optimized GIF for mobile compatibility Videos with autoplay don't work reliably on mobile browsers. This change replaces the external CDN video with a locally hosted animated GIF that works consistently across all devices. - Created 2x retina resolution GIF (840x384, renders at 420x192) - Optimized to 1.08MB with 24-color palette - 20 frames at 10fps for smooth 2-second loop - Updated WelcomeModal to use img tag instead of video - Removes dependency on external CDN Co-authored-by: Claude <[email protected]>
1 parent 999f616 commit a11eb8e

File tree

2 files changed

+4
-5
lines changed

2 files changed

+4
-5
lines changed

src/lib/components/WelcomeModal.svelte

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,11 @@
1919
<div
2020
class="relative -mx-6 grid h-48 select-none place-items-center bg-gradient-to-t from-black/5 dark:from-white/10"
2121
>
22-
<video
22+
<img
2323
class="size-full object-cover"
24-
autoplay
25-
muted
26-
src="https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/WSOTmErfqlGNZwSqdfrA7.mp4"
27-
></video>
24+
src="/huggingchat/omni-welcome.gif"
25+
alt="Omni AI model router animation"
26+
/>
2827
<!-- <h2
2928
class="flex translate-y-1 items-center text-3xl font-semibold text-gray-900 dark:text-gray-100"
3029
>
236 KB
Loading

0 commit comments

Comments
 (0)