Skip to content

Commit 6c8179a

Browse files
claudegary149
authored andcommitted
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
1 parent 999f616 commit 6c8179a

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)