document.addEventListener("DOMContentLoaded", function() {
const today = new Date().getDate(); // Récupère le jour actuelconst days = document.querySelectorAll(".page-id-17680 .day");days.forEach((day, index) => {
const dayNumber = index + 1;
// Définir les classes selon la date
if (dayNumber < today) {
day.classList.add("past");
} else if (dayNumber === today) {
day.classList.add("active");
} else {
day.classList.add("future");
}
// Au clic, lancer l'animation et ouvrir le lien si le jour est arrivé
day.addEventListener("click", function() {
if (dayNumber <= today) {
day.classList.add("gift-animation");
const link = day.querySelector("a");
// Ouvrir le lien après l'animation si disponible
if (link) {
setTimeout(() => {
window.location.href = link.href;
}, 1500); // 1.5 secondes pour laisser l'animation se dérouler
}
}
});
});
});