From fe3343e6ca93246b34204b3403fb4c96b87b815c Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Wed, 16 Oct 2024 01:15:07 -0700 Subject: completed page v1 --- scripts/index.js | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 100 insertions(+), 1 deletion(-) (limited to 'scripts') diff --git a/scripts/index.js b/scripts/index.js index a9ddf93..f258952 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -27,4 +27,103 @@ function fetchDiscordStatus(userId) { statusTextElement.textContent = "Currently: " + statusText[discordStatus]; }) .catch(error => console.error("Error fetching Discord status:", error)); - } \ No newline at end of file + } + +document.addEventListener("DOMContentLoaded", () => { + const quotes = [ + "Give a man a fish, learn him how to eat, give a man- learn a man how to - xQc", + "Yeah I'm GAY, Good at Yugioh - Rosemi Lovelock", + "yipee - Erina Makina", + "Your friend doesn't like Vtubers? Tell your friend to get some taste - Pavolia Reine", + ]; + + function getRandomQuote() { + const randomIndex = Math.floor(Math.random() * quotes.length); + return quotes[randomIndex]; + } + + const quoteElement = document.getElementById("quote"); + quoteElement.innerHTML = `${getRandomQuote()}`; +}); + +function updateClock() { + const clockElement = document.getElementById('clock'); + const now = new Date(); + const hours = String(now.getHours()).padStart(2, '0'); + const minutes = String(now.getMinutes()).padStart(2, '0'); + const seconds = String(now.getSeconds()).padStart(2, '0'); + const day = String(now.getDate()).padStart(2, '0'); + const month = String(now.getMonth() + 1).padStart(2, '0'); + const year = now.getFullYear(); + let message = "good day!"; + if (now.getHours() >= 0 && now.getHours() < 7) { + message = "(you should go to bed)"; + } else if (now.getHours() < 12) { + message = "good morning"; + } else if (now.getHours() >= 12 && now.getHours() < 18) { + message = "afternoon to you!"; + } else if (now.getHours() >= 18) { + message = "evening :)"; + } + clockElement.innerHTML = `${month}/${day}/${year} ${hours}:${minutes}:${seconds} ` + message; +} + +document.addEventListener("DOMContentLoaded", () => { + const images = document.querySelectorAll(".random-float"); + const positions = []; + + images.forEach((img) => { + let randomTop, randomLeft; + let overlap; + + do { + overlap = false; + randomTop = Math.random() * 100; + randomLeft = Math.random() * 100; + if (randomTop > 30 && randomTop < 70) { + overlap = true; + } + if (randomLeft > 30 && randomLeft < 70) { + overlap = true; + } + positions.forEach(pos => { + const distance = Math.sqrt(Math.pow(randomTop - pos.top, 2) + Math.pow(randomLeft - pos.left, 2)); + if (distance < 10) { + overlap = true; + } + }); + } while (overlap); + + positions.push({ top: randomTop, left: randomLeft }); + + const randomDuration = Math.random() * 10 + 3; + + img.style.top = `${randomTop}%`; + img.style.left = `${randomLeft}%`; + img.style.animationDuration = `${randomDuration}s`; + }); +}); + +document.addEventListener('DOMContentLoaded', function() { + function fetchNowPlaying() { + fetch('https://a4.asurahosting.com/api/nowplaying_static/patchworkarchive.json') // Replace with the actual API endpoint + .then(response => response.json()) + .then(data => { + const nowPlaying = data.now_playing.song; + document.getElementById('song-title').textContent = nowPlaying.title; + document.getElementById('song-artist').textContent = nowPlaying.artist; + const songArt = document.getElementById('song-art'); + songArt.src = nowPlaying.art; + songArt.style.display = 'block'; + }) + .catch(error => { + console.error('Error fetching now playing data:', error); + }); + } + + fetchNowPlaying(); + setInterval(fetchNowPlaying, 60000); +}); + +setInterval(updateClock, 1000); +updateClock(); \ No newline at end of file -- cgit v1.2.3