From 1ddbb3edbdf3725cf682c225233857c078560a9f Mon Sep 17 00:00:00 2001
From: tay <tay@havenmc.org>
Date: Tue, 15 Oct 2024 04:54:11 -0400
Subject: [PATCH] Updated smthns

---
 content/about-test/index.html | 23 ++++++++++++-----------
 content/font/index.html       | 22 ----------------------
 static/assets/css/style.css   |  4 ++--
 3 files changed, 14 insertions(+), 35 deletions(-)
 delete mode 100644 content/font/index.html

diff --git a/content/about-test/index.html b/content/about-test/index.html
index 0c4ec3c..0c08582 100644
--- 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
deleted file mode 100644
index 40b6d45..0000000
--- a/content/font/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<button class="font-toggle-button" onclick="toggleFont()">Switch to Vujahday</button>
-
-<script>
-document.addEventListener('DOMContentLoaded', function () {
-    // Check for stored font preference and apply it
-    if (localStorage.getItem('font') === 'vujahday') {
-        document.body.classList.add('custom-font');
-    }
-});
-
-function toggleFont() {
-    // Toggle the font class
-    document.body.classList.toggle('custom-font');
-
-    // Update localStorage based on the current font state
-    if (document.body.classList.contains('custom-font')) {
-        localStorage.setItem('font', 'vujahday');
-    } else {
-        localStorage.removeItem('font'); // Reset to default
-    }
-}
-</script>
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 7f024b7..deac755 100644
--- 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) {