Add video background for support box (#46)

Added video from another charity donations as a background of support box of the home page.
cash-track · Aug 4, 2024 · 1496699 · 1496699
2 parents 2a6cf40 + a773e65
commit 1496699
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -56,6 +56,9 @@
         </div>
 
         <div class="jumbotron support">
+            <video class="background-video" autoplay loop muted poster="/img/podarunok.jpg">
+                <source src="/img/bg.webm" type="video/webm">
+            </video>
             <h3>
                 <span>
                     {{ $t('home.support.header') }}
@@ -149,6 +152,13 @@ h3 {
 
         @apply -z-10 absolute left-0 top-0 h-full w-full bg-bottom bg-no-repeat bg-cover;
     }
+
+    .background-video {
+        object-fit: cover;
+        position: fixed;
+
+        @apply -z-10 absolute left-0 top-0 h-full w-full bg-bottom bg-no-repeat bg-cover;
+    }
 }
 
 .welcome {

diff --git a/public/img/bg.webm b/public/img/bg.webm