script.js

window.addEventListener('resize', function() {
    const warning = document.querySelector('.warning');
    const mainContent = document.querySelector('.main-content');

    if (window.innerWidth <= 1092) {
        warning.style.display = 'flex';
        mainContent.style.display = 'none';
    } else {
        warning.style.display = 'none';
        mainContent.style.display = 'block';
    }
});

// Initial check on page load
window.dispatchEvent(new Event('resize'));

const cursorGlow = document.getElementById("cursor-glow");

document.addEventListener("mousemove", (e) => {
    cursorGlow.style.transform = `translate(${e.clientX - 15}px, ${e.clientY - 15}px)`;
});

function copyEmail() {
    const email = "arthur.l.wigo@gmail.com"; // Replace with your email
    navigator.clipboard.writeText(email).then(() => {
        showToast("Email copied to clipboard!");
    }).catch(err => {
        console.error("Could not copy email: ", err);
    });
}

function showToast(message) {
    const toast = document.getElementById("toast");
    toast.textContent = message; // Set the message dynamically
    toast.classList.add("show"); // Add the show class to make it visible
    setTimeout(() => {
        toast.classList.remove("show"); // Remove the class after 3 seconds
    }, 3000);
}

document.getElementById('skip-animations').addEventListener('click', () => {
    const animatedElements = document.querySelectorAll('[data-animation-end]');

    animatedElements.forEach(element => {
        // Parse final styles from a custom attribute
        const finalStyles = JSON.parse(element.getAttribute('data-animation-end'));
        for (const [property, value] of Object.entries(finalStyles)) {
            element.style[property] = value;
        }
        // Stop further animation
        element.style.animation = 'none';
    });

    // Hide the "Skip Animations" button
    document.getElementById('skip-animations').style.display = 'none';
});

// Select elements
const skipAnimations = document.getElementById('skip-animations');
const content = document.querySelector('.content');

// Enable scrolling and hide the skip button when clicked
skipAnimations.addEventListener('click', () => {
    content.style.animation = 'none'; // Stop the animation
    content.style.overflowY = 'scroll'; // Enable scrolling
    skipAnimations.classList.add('hidden'); // Hide the button
});

// Auto-hide the skip button after 7 seconds if not clicked
setTimeout(() => {
    skipAnimations.classList.add('hidden');
}, 7000);

// Ensure scrolling is enabled when animations naturally finish
content.addEventListener('animationend', () => {
    content.style.overflowY = 'scroll';
});

function launchConfetti() {
    const end = Date.now() + 2 * 1000; // Confetti duration: 2 seconds
    const colors = ['#FFCB4C', '#DAF7A6', '#33FF57', '#C70039', '#FF33A8', '#F3FF33', '#33FFF3', '#C70039', '#900C3F', '#DAF7A6'];

    (function frame() {
        confetti({
            particleCount: 5, // Adjust particle count
            angle: 60,
            spread: 100,
            origin: { x: 0 },
            colors: colors
        });
        confetti({
            particleCount: 5, // Adjust particle count
            angle: 120,
            spread: 100,
            origin: { x: 1 },
            colors: colors
        });
        if (Date.now() < end) {
            requestAnimationFrame(frame);
        }
    }());
}

// Add click event listener with delay
document.querySelector('.confetti').addEventListener('click', function () {launchConfetti()});

// Navigation
document.querySelectorAll('nav a').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});

// JavaScript for switching between displays
document.getElementById('switch-button').addEventListener('click', () => {
    const display1 = document.getElementById('skills-display-1');
    const display2 = document.getElementById('skills-display-2');
  
    if (display1.style.display !== 'none') {
      // Hide Display 1 and Show Display 2
      display1.style.animation = 'hide 0.8s forwards';
      setTimeout(() => {
        display1.style.display = 'none';
        display2.style.display = 'block';
        display2.style.animation = 'show 0.8s forwards';
      }, 800);
    } else {
      // Hide Display 2 and Show Display 1
      display2.style.animation = 'hide 0.8s forwards';
      setTimeout(() => {
        display2.style.display = 'none';
        display1.style.display = 'block';
        display1.style.animation = 'show 0.8s forwards';
      }, 800);
    }
  });