From 729043fb811d673f08c2fcaf4cc40eb6f5a2904f Mon Sep 17 00:00:00 2001
From: tay <tay@havenmc.org>
Date: Tue, 17 Sep 2024 17:35:50 -0400
Subject: [PATCH] Updated about.html

---
 about.html | 41 ++++++++++++++++++++---------------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/about.html b/about.html
index 17be5c9..e7a760e 100644
--- a/about.html
+++ b/about.html
@@ -59,35 +59,34 @@ <h1>Tee</h1>
 						</video>
 						
 						<label for="volumeControl">Volume:</label>
-						<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.15">
-						<span id="volumePercentage">15%</span>						
+						<input type="range" id="volumeControl" min="0" max="1" step="0.01" value="0.01">
+						<span id="volumePercentage">1%</span>											
 			
 						<script>
 							var video = document.getElementById("aboutvideo");
 							var btn = document.getElementById("aboutpauseBtn");
 							var volumeControl = document.getElementById("volumeControl");
-							var video = document.getElementById("aboutvideo");
-							var volumeControl = document.getElementById("volumeControl");
 							var volumePercentage = document.getElementById("volumePercentage");
-							video.volume = 0.15;
-							volumeControl.addEventListener("input", function() {
- 								video.volume = volumeControl.value;
-    							var percentage = Math.round(volumeControl.value * 100);
-    								volumePercentage.innerHTML = percentage + "%";
-								});
-							video.volume = 0.1;
+
+						// Initialize the video volume and percentage display
+							video.volume = volumeControl.value; // Set initial volume based on the slider value
+							volumePercentage.innerHTML = Math.round(volumeControl.value * 100) + "%"; // Set initial percentage
+
 							function togglePause() {
-								if (video.paused) {
-									video.play();
-									btn.innerHTML = "⏸️";
-								} else {
-									video.pause();
-									btn.innerHTML = "▶️";
-								}
+							    if (video.paused) {
+        							video.play();
+        							btn.innerHTML = "⏸️";
+    							} else {
+        							video.pause();
+        							btn.innerHTML = "▶️";
+    							}
 							}
-							volumeControl.addEventListener("input", function() {
-								video.volume = volumeControl.value;
-							});
+volumeControl.addEventListener("input", function() {
+    video.volume = volumeControl.value;
+    var percentage = Math.round(volumeControl.value * 100);
+    volumePercentage.innerHTML = percentage + "%";
+});
+
 						</script>
 					</body>
 				</div>