script.js

document.addEventListener('DOMContentLoaded', () => {
  const savedTheme = localStorage.getItem("theme");
  const body = document.body;
  const toggleBtn = document.getElementById("theme-toggle");

  // Apply saved theme or default to dark
  if (savedTheme === "light") {
    body.classList.remove("dark");
    body.classList.add("light");
    toggleBtn.textContent = "🌙";
  } else {
    body.classList.remove("light");
    body.classList.add("dark");
    toggleBtn.textContent = "☀️";
  }

  // When the button is clicked, toggle theme + save to localStorage
  toggleBtn.addEventListener("click", () => {
    if (body.classList.contains("dark")) {
      body.classList.remove("dark");
      body.classList.add("light");
      localStorage.setItem("theme", "light");
      toggleBtn.textContent = "🌙";
    } else {
      body.classList.remove("light");
      body.classList.add("dark");
      localStorage.setItem("theme", "dark");
      toggleBtn.textContent = "☀️";
    }
  });

  // Typewriter taglines
  const taglines = [
    "brb...",
    "je débogue donc je suis",
    "compiling but not complete...",
    "나는 밤에 회로를 짜는 걸 좋아해",
    "courage is contagious",
    "in expectation, life is good",
    "what is that melody?",
    "girls belong in engineering!"
  ];

  const typedText = document.getElementById('typed-text');
  let taglineIndex = 0;
  let charIndex = 0;
  let isDeleting = false;

  function typeTagline() {
    const currentTagline = taglines[taglineIndex];
    if (isDeleting) {
      charIndex--;
      typedText.textContent = currentTagline.substring(0, charIndex);
    } else {
      charIndex++;
      typedText.textContent = currentTagline.substring(0, charIndex);
    }

    let typingSpeed = isDeleting ? 40 : 100;

if (!isDeleting && charIndex === currentTagline.length) {
  isDeleting = true;
  typingSpeed = 3000; // pause before deleting
} else if (isDeleting && charIndex === 0) {
  isDeleting = false;
  taglineIndex = (taglineIndex + 1) % taglines.length;
  typingSpeed = 500; // pause before typing new one
}

    setTimeout(typeTagline, typingSpeed);
  }

  typeTagline();

  // Scroll fade-in
  const faders = document.querySelectorAll('.fade-in');
  const appear = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('visible');
        entry.target.classList.add('animated');
      }
    });
  }, { threshold: 0.2 });

  faders.forEach(fade => appear.observe(fade));

    const filterButtons = document.querySelectorAll(".filter-btn");
  const cards = document.querySelectorAll(".resource-card");

  filterButtons.forEach(btn => {
    btn.addEventListener("click", () => {
      // Remove active class from all
      filterButtons.forEach(b => b.classList.remove("active"));
      btn.classList.add("active");

      const filter = btn.dataset.filter;

      cards.forEach(card => {
        const type = card.dataset.type;
        if (filter === "all" || type === filter) {
          card.style.display = "block";
        } else {
          card.style.display = "none";
        }
      });
    });
  });

  
});