Background theme change

Dev-tanay · Jun 1, 2024 · 36a012b · 36a012b
1 parent c32bf1f
commit 36a012b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/images/xyz.gif b/images/xyz.gif
diff --git a/index.html b/index.html
@@ -8,6 +8,12 @@
 
 </head>
 <body>
+  <div class="video-container">
+    <video autoplay muted loop id="video-background">
+        <source src="" type="video/mp4">
+        <!-- Add more <source> elements for different video formats -->
+        Your browser does not support the video tag.
+    </video>
 
   <!-- separate div element for the goggle sign-in/log-in element -->
   <!-- g_id_onload is for automatic loading of the Google Identity Services. -->

diff --git a/style.css b/style.css
@@ -236,6 +236,7 @@ body {
 .text--note {
   top: 87%;
   font-size: 1em;
+  color: crimson;
 }
 .text--timer {
   bottom: 78%;
@@ -320,11 +321,13 @@ body {
 .ui__background:after {
   position: absolute;
   top: 0;
+  background-image: url("./images/xyz.gif");
+  background-repeat: no-repeat;
+  background-size: cover;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
-  background-image: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 100%);
 }
 .ui__game {
   pointer-events: all;