From 21954ddd608b9c7f1d8367c9e4b54173ce0ddf3d Mon Sep 17 00:00:00 2001 From: tay Date: Tue, 24 Sep 2024 00:22:53 -0400 Subject: [PATCH] Updated about.html --- content/about/index.html | 3 ++- public/about/index.html | 5 +++-- public/index.xml | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/content/about/index.html b/content/about/index.html index 53a64b3..1ffe472 100644 --- a/content/about/index.html +++ b/content/about/index.html @@ -6,8 +6,9 @@

Hiya, Call me Tee!

- +

Someone told me I had shit taste in music when I showed them this song, So I put it on my website.

diff --git a/public/about/index.html b/public/about/index.html index 994c1da..dd349f0 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -57,8 +57,9 @@

Hiya, Call me Tee!

- +

Someone told me I had shit taste in music when I showed them this song, So I put it on my website.

@@ -74,7 +75,7 @@

Hiya, Call me Tee!

diff --git a/public/index.xml b/public/index.xml index c59de7b..53e518a 100644 --- a/public/index.xml +++ b/public/index.xml @@ -12,7 +12,7 @@ http://localhost:1313/about/ Mon, 01 Jan 0001 00:00:00 +0000 http://localhost:1313/about/ - <link rel="stylesheet" href="http://localhost:1313/assets/css/about/style.css"> <main> <div class="about"> <div> <body> <div class="content"> <h1>Hiya, Call me Tee!</h1> <iframe width="570" height="230" src="https://lanyard.cnrad.dev/api/1050531216589332581" frameborder="0" allowfullscreen style="margin-left: 35px;"></iframe> <div id="images"> <a href="https://discord.com/users/1050531216589332581" target="_blank"><img src="http://localhost:1313/assets/imgs/discord.png" class="social-logo" alt="Discord"></a> <a href="https://github.com/tayrp" target="_blank"><img src="http://localhost:1313/assets/imgs/github.png" class="social-logo" alt="Github"></a> <a href="https://discord.gg/gjypyNkPPp" target="_blank"><img src="http://localhost:1313/assets/imgs/haven.png" class="social-logo" alt="Haven"></a> <a href="https://www.last.fm/user/MystixMew" target="_blank"><img src="http://localhost:1313/assets/imgs/lastfm.png" class="social-logo" alt="Last.fm"></a> <a href="https://www.youtube.com/@MystixMew" target="_blank"><img src="http://localhost:1313/assets/imgs/youtube.png" class="social-logo" alt="YouTube"></a> <!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> --> </div> </div> <video autoplay loop id="aboutvideo"> <source src="https://index.havenmc.org/website/assets/mp4/fightsong.mp4" type="video/mp4"> This browser does not support HTML5 video or the server is offline. </video> <label for="volumeControl">Volume:</label> <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 volumePercentage = document.getElementById("volumePercentage"); // 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 = "▶️"; } } volumeControl.addEventListener("input", function () { video.volume = volumeControl.value; var percentage = Math.round(volumeControl.value * 100); volumePercentage.innerHTML = percentage + "%"; }); </script> </body> </div> </div> </main> + <link rel="stylesheet" href="http://localhost:1313/assets/css/about/style.css"> <main> <div class="about"> <div> <body> <div class="content"> <h1>Hiya, Call me Tee!</h1> <iframe width="570" height="215" src="https://lanyard.cnrad.dev/api/1050531216589332581" frameborder="0" allowfullscreen style="margin-left: 35px;"></iframe> <h4>Someone told me I had shit taste in music when I showed them this song, So I put it on my website.</h4> <div id="images"> <a href="https://discord.com/users/1050531216589332581" target="_blank"><img src="http://localhost:1313/assets/imgs/discord.png" class="social-logo" alt="Discord"></a> <a href="https://github.com/tayrp" target="_blank"><img src="http://localhost:1313/assets/imgs/github.png" class="social-logo" alt="Github"></a> <a href="https://discord.gg/gjypyNkPPp" target="_blank"><img src="http://localhost:1313/assets/imgs/haven.png" class="social-logo" alt="Haven"></a> <a href="https://www.last.fm/user/MystixMew" target="_blank"><img src="http://localhost:1313/assets/imgs/lastfm.png" class="social-logo" alt="Last.fm"></a> <a href="https://www.youtube.com/@MystixMew" target="_blank"><img src="http://localhost:1313/assets/imgs/youtube.png" class="social-logo" alt="YouTube"></a> <!-- <a class="btn btn-link-3" button id="aboutpauseBtn" onclick="togglePause()">⏸️</a></p> --> </div> </div> <video autoplay loop id="aboutvideo"> <source src="https://index.havenmc.org/website/assets/mp4/candycoatedlies.mp4" type="video/mp4"> This browser does not support HTML5 video or the server is offline. </video> <label for="volumeControl">Volume:</label> <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 volumePercentage = document.getElementById("volumePercentage"); // 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 = "▶️"; } } volumeControl.addEventListener("input", function () { video.volume = volumeControl.value; var percentage = Math.round(volumeControl.value * 100); volumePercentage.innerHTML = percentage + "%"; }); </script> </body> </div> </div> </main>