script.js

/* CLOCK */
function updateClock() {
  const now = new Date();

  let h = now.getHours();
  let m = now.getMinutes();
  let s = now.getSeconds();
  let ampm = h >= 12 ? "PM" : "AM";

  h = h % 12 || 12;

  document.getElementById("time").innerText =
    `${String(h).padStart(2,"0")}:${String(m).padStart(2,"0")}:${String(s).padStart(2,"0")}`;
  document.getElementById("ampm").innerText = ampm;

  document.getElementById("date").innerText =
    now.toLocaleDateString("en-IN",{weekday:"long",day:"numeric",month:"long",year:"numeric"});

  tick();
}
setInterval(updateClock,1000);
updateClock();

/* TICK SOUND */
const ctx = new (window.AudioContext||window.webkitAudioContext)();
function tick(){
  const o = ctx.createOscillator();
  const g = ctx.createGain();
  o.frequency.value = 900;
  g.gain.value = 0.015;
  o.connect(g); g.connect(ctx.destination);
  o.start(); o.stop(ctx.currentTime+0.05);
}

/* iOS DEPTH PARALLAX */
const card = document.querySelector(".depth");
document.addEventListener("mousemove", e=>{
  const x = (window.innerWidth/2 - e.clientX)/25;
  const y = (window.innerHeight/2 - e.clientY)/25;
  card.style.transform = `rotateY(${x}deg) rotateX(${y}deg)`;
});

/* PARTICLES */
const p = document.querySelector(".particles");
for(let i=0;i<30;i++){
  const s=document.createElement("span");
  s.style.left=Math.random()*100+"vw";
  s.style.animationDuration=5+Math.random()*6+"s";
  p.appendChild(s);
}

/* DARK MODE */
function toggleMode(){
  document.body.classList.toggle("light");
}