function fetchDiscordStatus(userId) {
    const API_URL = `https://api.lanyard.rest/v1/users/${userId}`;

    fetch(API_URL)
      .then(response => response.json())
      .then(data => {
        const discordStatus = data.data.discord_status;

        const statusColors = {
          online: "#43b581",
          idle: "#faa61a",
          dnd: "#f04747",
          offline: "#747f8d",
        };

        const statusText = {
          online: "Online",
          idle: "Idle",
          dnd: "Do Not Disturb",
          offline: "Offline",
        };

        const statusSection = document.getElementById(`discord-status`);
        const statusTextElement = statusSection.querySelector(".status-text");

        statusSection.style.backgroundColor = statusColors[discordStatus];
        statusTextElement.textContent = "Currently: " + statusText[discordStatus];
      })
      .catch(error => console.error("Error fetching Discord status:", error));
  }

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 = `<i>${getRandomQuote()}</i>`;
});
function updateClock() {
  const clockElement = document.getElementById('clock');
  const now = new Date();
  const pstTime = new Date(now.toLocaleString("en-US", {timeZone: "America/Los_Angeles"}));
  const hours = String(pstTime.getHours()).padStart(2, '0');
  const minutes = String(pstTime.getMinutes()).padStart(2, '0');
  const seconds = String(pstTime.getSeconds()).padStart(2, '0');
  const day = String(pstTime.getDate()).padStart(2, '0');
  const month = String(pstTime.getMonth() + 1).padStart(2, '0');
  const year = pstTime.getFullYear();
  let message = "good day!";
  if (pstTime.getHours() >= 0 && pstTime.getHours() < 7) {
      message = "(its late for me)";
  } else if (pstTime.getHours() < 12) {
      message = "its morning for me";
  } else if (pstTime.getHours() >= 12 && pstTime.getHours() < 18) {
      message = "its afternoon for me";
  } else if (pstTime.getHours() >= 18) {
      message = "evening rn for me";
  }
  clockElement.innerHTML = `<span>${month}/${day}/${year} ${hours}:${minutes}:${seconds}</span> ` + 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`;
  });
});

setInterval(updateClock, 1000);
updateClock();