Skip to content
document.addEventListener("DOMContentLoaded", function () {
const tabs = document.querySelectorAll(".filter-tab");
const cards = document.querySelectorAll(".signer-card");
if (!tabs.length || !cards.length) return;
tabs.forEach(tab => {
tab.addEventListener("click", () => {
// Remove active class from all tabs
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");
// Show ALL
if (category === "all") {
card.classList.remove("fade-out");
return;
}
// Match selected category
if (cardCat === category) {
card.classList.remove("fade-out");
} else {
card.classList.add("fade-out");
}
});
});
});
// Set first tab active by default
tabs[0].classList.add("active");
});