feat(frontends): cache videos on app2, ceremony, zkgm-dev, site

Author: cor

app2/src/lib/themes.ts

@@ -15,15 +15,15 @@ export const themes: Record<Edition, Theme> = {
     accent: "var(--color-babylon-orange)",
     primary: "var(--color-babylon-orange)",
     background: "var(--color-zinc-950)",
-    videoUrl: "https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/btc-union-background-3.webm",
+    videoUrl: "https://videos.cdn.union.build/btc-union-background-3.webm",
     staticImage: "/btc-static-video.png",
   },
   app: {
     label: "V2",
     accent: "var(--color-union)",
     primary: "var(--color-union)",
     background: "var(--color-zinc-950)",
-    videoUrl: "https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/app-union-background-2.webm",
+    videoUrl: "https://videos.cdn.union.build/app-union-background-2.webm",
     staticImage: "/app-static-video.png",
   },
 }

ceremony/src/routes/+layout.svelte

@@ -212,7 +212,7 @@ const imagePath = "https://ceremony.union.build/images/ceremony-og.png"
     }}
   >
     <source
-      src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/glitchboot.webm"
+      src="https://videos.cdn.union.build/glitchboot.webm"
       type="video/webm"
     />
   </video>
@@ -235,7 +235,7 @@ const imagePath = "https://ceremony.union.build/images/ceremony-og.png"
     }}
   >
     <source
-      src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/glitch.webm"
+      src="https://videos.cdn.union.build/glitch.webm"
       type="video/webm"
     />
   </video>

site/src/components/sections/DeepDiveSection.astro

@@ -39,7 +39,7 @@ const { entries } = Astro.props
       <div class="w-full max-w-md">
         <div class="relative aspect-video w-full">
           <video
-            src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/radial-glass-v8.mp4"
+            src="https://videos.cdn.union.build/radial-glass-v8.mp4"
             autoplay
             muted
             playsinline
@@ -64,7 +64,7 @@ const { entries } = Astro.props
       <div class="w-full max-w-sm">
         <div class="relative aspect-video w-full">
           <video
-            src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/modular-stack-v2.mp4"
+            src="https://videos.cdn.union.build/modular-stack-v2.mp4"
             autoplay
             muted
             playsinline
@@ -98,7 +98,7 @@ const { entries } = Astro.props
       <div class="w-full max-w-xs">
         <div class="relative aspect-video w-full">
           <video
-            src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/explain-v1.mp4"
+            src="https://videos.cdn.union.build/explain-v1.mp4"
             autoplay
             muted
             playsinline

site/src/components/sections/landing/ConsensusSection.astro

@@ -33,7 +33,7 @@ const textHtml = renderRichText(text)
       <div class="relative max-w-md md:max-w-2xl">
         <video
           class="w-full h-full object-cover"
-          src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/radial-glass-v8.mp4"
+          src="https://videos.cdn.union.build/radial-glass-v8.mp4"
           autoplay
           muted
           playsinline

site/src/components/sections/landing/ExecutionSection.astro

@@ -33,7 +33,7 @@ const textHtml = renderRichText(text)
       <div class="relative max-w-sm md:max-w-2xl">
         <video
           class="w-full h-full object-cover"
-          src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/modular-stack-v2.mp4"
+          src="https://videos.cdn.union.build/modular-stack-v2.mp4"
           autoplay
           muted
           playsinline

zkgm-dev/src/routes/+page.svelte

@@ -60,7 +60,7 @@ async function startVideo() {
     data-video="glitch"
   >
     <source
-      src="https://pub-32dd1494f0fa423cb1013941269ecce9.r2.dev/zkgm-v1.mp4"
+      src="https://videos.cdn.union.build/zkgm-v1.mp4"
       type="video/mp4"
     />
   </video>