timeString

<h1 class="header">s t a v 2</h1> <p class="introduction" style="margin-top: -3vh; z-index: 15; opacity: 50%;">________</p> <p class="intro-text"> This website is not a good stalking piece.<br/> </p> <img src="other/chara1.png" class="MainImage"> <img src="other/quote.png" class="SecondImage"> <div style="text-align: center;" id="buttonbox"> </div>  <img id="dirrection" class="fcircle" src="other/media/dirrection.png"> <script> var dirrection = ""; var oldx = 0; var oldy = 0; const dirrectionImage = document.getElementById("dirrection"); mousemovemethod = function (e) { const centerX = dirrectionImage.offsetLeft + dirrectionImage.offsetWidth / 2; const centerY = dirrectionImage.offsetTop + dirrectionImage.offsetHeight / 2; const deltaX = e.pageX - centerX; const deltaY = e.pageY - centerY; const angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI); dirrectionImage.style.transform = `rotate(${angle + 90}deg)`; // +90 to keep the top aligned oldx = e.pageX; oldy = e.pageY;}; document.addEventListener("mousemove", mousemovemethod); </script> <img id="dirrection2" class="fcircle2" src="other/media/dirrection.png"> <script> var dirrection2 = ""; var oldx = 0; var oldy = 0; const dirrection2Image = document.getElementById("dirrection2"); mousemovemethod = function (e) { const centerX = dirrection2Image.offsetLeft + dirrection2Image.offsetWidth / 2; const centerY = dirrection2Image.offsetTop + dirrection2Image.offsetHeight / 2; const deltaX = e.pageX - centerX; const deltaY = e.pageY - centerY; const angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI); dirrection2Image.style.transform = `rotate(${angle + 90}deg)`; // +90 to keep the top aligned oldx = e.pageX; oldy = e.pageY; }; document.addEventListener("mousemove", mousemovemethod); </script> <script> const buttons = document.querySelectorAll("#buttonbox .buttonbox, .firstclick"); document.addEventListener("mousemove", (event) => { const mouseX = event.pageX; const mouseY = event.pageY; let closestButton = null; let closestDistance = Infinity; // Calculate the distance of each button to the cursor buttons.forEach((button) => { const rect = button.getBoundingClientRect(); const buttonX = rect.left + rect.width / 2; const buttonY = rect.top + rect.height / 2; const distance = Math.sqrt( Math.pow(mouseX - buttonX, 2) + Math.pow(mouseY - buttonY, 2) ); // Check if this button is closer than the current closest if (distance < closestDistance) { closestDistance = distance; closestButton = button; } }); // Update styles to highlight the closest button buttons.forEach((button) => { button.classList.toggle("closest", button === closestButton); }); }); </script> <button id="firstclick" class="buttonbox firstclick glow_animation firstclick" , onmouseover="document.getElementById('select_audio').play()" onmousedown="document.getElementById('select_audio').play()"> CLICK TO LOAD </button> <html> <head id="loader"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loader"> <img src="other/loading.gif"> </div> <script src="java.js"></script> </body> </html> <script> function func() { document.getElementById('loader').style.visibility="hidden" } </script> <img src="other/media/rods.png" style="top: 0%; left: 0%; position: fixed; z-index: 1; height: 15vh;" alt=""> <img src="other/media/rods.png" style="bottom: 0%; right: 0%; position: fixed; z-index: 1; height: 15vh;" class="rotate180" alt="">  </div> <a href="https://github.com/Stav141" target=_blank> <button> MY GITHUB </button> </a> <a href="https://llamaking.net" target=_blank id="dick"> <button> VISIT LLAMAKING . NET </button> </a> <a href="https://stav2.net/bio" style="text-decoration: none;"> <button> ON MINESELF </button> </a>