Upload 2 files

public/index.html

@@ -24,10 +24,11 @@
         background-image: url('https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExMWZyb3d2ZnM2cGJ5NHNmamtiYWxubTFoa2Jib2NxcmQxY21odDBkaCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/qyXsup1970N5UJNHgI/giphy.gif');
       "
       class="bg-no-repeat bg-center bg-cover bg-fixed h-screen w-screen grid place-content-center place-items-center overflow-hidden bg-gradient-to-b from-slate-900 to-black"
+      id="bgimg"
     >
       <div class="flex place-content-center justify-between flex-row">
-        <h1 class="display-flex text-4xl font-black text-grey-300">ФЙLЧ</h1>
-        <h2 class="cursive text-6xl font-bold text-red-500">Human</h2>
+        <h1 class="cursive display-flex text-4xl font-black text-grey-300">V</h1>
+        <h2 class="cursive text-6xl font-bold text-blue-300">TV</h2>
 
         <a id="eyeButton" class="flex grid place-content-end mr-25">
           <img src="eye.png" alt="Eye Icon" height="30px" width="auto" />
@@ -93,31 +94,16 @@
         </div>
       </div>
     </div>
-    <div id="placeholder" class="w-auto h-vh relative inset-0 z-0"
+    <div id="placeholder" class="w-auto h-vh relative inset-0 z-0 bg-fixed"
     style="
-      background-image: url('https://media1.giphy.com/media/n1KtF7TCeMM3hit7OI/giphy.gif');
+      background-image: url('https://media4.giphy.com/media/AeHLxU7TZXCPS/giphy.gif?cid=ecf05e47sov5vwx90zr0kszgfdbvhmjwca64b7x68sbekvx5&ep=v1_gifs_related&rid=giphy.gif&ct=g');
       background-position: center;
       background-repeat: no-repeat;
-      background-size: cover;
+      background-size: 100%;
       background-color: black;
       transition: background-image 0.5s ease-in-out;
     "></div>
-    <div
-      id="placeholder"
-      class="w-screen h-screen"
-      style="
-        background-image: url('https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExdGZzdHJlYTVtNTN1aXFxNWhuY3F5M3VyNjE3aDRpbmt3Z3V1bjd0ayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/W4xRd0FiK5EY6Q71DC/giphy.gif');
-      "
-      class="relative inset-0 z-0"
-    ></div>
-    <div
-      id="placeholder"
-      class="w-screen h-screen"
-      style="
-        background-image: url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExcmQyYzl1Z3hpYzdkY2YyZGp2aGE4bXp4ajF6cHZwaTc0eHptY2IwZCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/isLJEbwdGDU94hlybc/giphy.gif');
-      "
-      class="relative inset-0 z-0"
-    ></div>
+
 
 
 
@@ -226,7 +212,7 @@
       */
             random: {
               id: "random",
-              label: "#News",
+              label: "#Documentary",
               audience: 0,
               online: false,
               visible: true,