document.addEventListener("DOMContentLoaded", () => {
const cat = document.getElementById("insta-icon");
const explosion = document.getElementById("explosion");
if (cat) {
cat.addEventListener("click", () => {
for (let i = 0; i < 12; i++) {
const particle = document.createElement("div");
particle.classList.add("particle");
const angle = Math.random() * Math.PI * 2;
const distance = 200 + Math.random() * 150;
const dx = Math.cos(angle) * distance + "px";
const dy = Math.sin(angle) * distance + "px";
particle.style.setProperty("--dx", dx);
particle.style.setProperty("--dy", dy);
const rect = cat.getBoundingClientRect();
particle.style.left = rect.left + rect.width / 2 + "px";
particle.style.top = rect.top + rect.height / 2 + "px";
explosion.appendChild(particle);
particle.addEventListener("animationend", () => {
particle.remove();
});
}
});
}
});
