Updated smthns

tayrp · Oct 15, 2024 · 1ddbb3e · 1ddbb3e
1 parent 43e7bf0
commit 1ddbb3e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 35 deletions.
diff --git a/content/about-test/index.html b/content/about-test/index.html
@@ -2,7 +2,7 @@
 <script src="/assets/js/about.js" defer></script>
 <main>
   <div class="about">
-    <div class="overlay" id="overlay" style="display: none">
+    <div class="overlay" id="overlay" style="display: block">
       <button
         id="enterButton"
         class="enter-button"
@@ -21,7 +21,7 @@
         Click to Continue To About
       </button>
     </div>
-    <div id="content">
+    <div id="content" style="display: none">
       <div class="content">
         <div class="bgbox">
           <h1>Hiya, Call me Tee!</h1>
@@ -81,7 +81,7 @@ <h1>Hiya, Call me Tee!</h1>
             </a>
           </div>
         </div>
-        <video muted autoplay loop id="aboutvideo">
+        <video muted loop id="aboutvideo">
           <source
             src="https://index.havenmc.org/website/assets/mp4/usurper.mp4"
             type="video/mp4"
@@ -126,18 +126,19 @@ <h1>Hiya, Call me Tee!</h1>
   document.addEventListener("DOMContentLoaded", function () {
     var overlay = document.getElementById("overlay");
     var content = document.getElementById("content");
-    var enterButton = document.getElementById("enterButton");
     var video = document.getElementById("aboutvideo");
     var volumeControl = document.getElementById("volumeControl");
     var volumePercentage = document.getElementById("volumePercentage");
+    var enterButton = document.getElementById("enterButton");
 
-    overlay.style.display = "none";
-    content.style.display = "block";
-    video.muted = false;
-    video.play();
-
-    video.volume = volumeControl.value;
-    volumePercentage.innerHTML = Math.round(volumeControl.value * 100) + "%";
+    enterButton.addEventListener("click", function () {
+      overlay.style.display = "none";
+      content.style.display = "block";
+      video.muted = false;
+      video.volume = volumeControl.value;
+      video.play();
+      volumePercentage.innerHTML = Math.round(volumeControl.value * 100) + "%";
+    });
 
     volumeControl.addEventListener("input", function () {
       video.volume = volumeControl.value;

diff --git a/content/font/index.html b/content/font/index.html
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
@@ -43,7 +43,7 @@ body {
 @import url("https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap");
 
 body {
-  font-family: "Vujahday Script", cursive; /* Use only Vujahday Script */
+  font-family: "Vujahday Script", cursive;
   font-size: 18px;
   font-weight: 360;
   color: #888;
@@ -365,7 +365,7 @@ section:hover {
 
 /* Button hover effect */
 .enter-button:hover {
-  background-color: #c4a1e1; /* Slightly darker shade for hover */ 
+  background-color: #c4a1e1; /* Slightly darker shade for hover */
 }
 
 @media (max-width: 768px) {