Skip to content
document.addEventListener("DOMContentLoaded", function () {
const tabs = document.querySelectorAll(".filter-tab");
const cards = document.querySelectorAll(".signer-card");
tabs.forEach(tab => {
tab.addEventListener("click", () => {
// Highlight active tab
tabs.forEach(t => t.classList.remove("active"));
tab.classList.add("active");
const category = tab.getAttribute("data-filter");
cards.forEach(card => {
const cardCat = card.getAttribute("data-category");
if (category === "all" || category === cardCat) {
card.classList.remove("fade-out");
} else {
card.classList.add("fade-out");
}
});
});
});
// Make "All" active at start
if (tabs.length > 0) {
tabs[0].classList.add("active");
}
});
