main.js

document.addEventListener('DOMContentLoaded', function() {
    // Create floating Tux
    const tux = document.createElement('div');
    tux.className = 'floating-tux';
    tux.innerHTML = '<img src="https://accuratelinuxgraphs.com/files/img/tux.gif" alt="Fwoating Tux uwu~" width="60">';
    document.body.appendChild(tux);

    // Make Tux follow cursor with delay
    let mouseX = 0, mouseY = 0;
    let tuxX = 0, tuxY = 0;
    let activeBubble = null;
    
    document.addEventListener('mousemove', function(e) {
        mouseX = e.clientX;
        mouseY = e.clientY;
    });
    
    function updateTuxPosition() {
        // Add some wobble
        const wobbleX = Math.sin(Date.now() / 500) * 10;
        const wobbleY = Math.cos(Date.now() / 500) * 10;
        
        // Move Tux towards mouse with lag
        tuxX += (mouseX - tuxX - 30) * 0.1;
        tuxY += (mouseY - tuxY - 30) * 0.1;
        
        tux.style.left = (tuxX + wobbleX) + 'px';
        tux.style.top = (tuxY + wobbleY) + 'px';
        
        // Update speech bubble position if active
        if (activeBubble && !activeBubble.isRemoved) {
            activeBubble.style.left = (tuxX + 50) + 'px';
            activeBubble.style.top = (tuxY - 30) + 'px';
        }
        
        requestAnimationFrame(updateTuxPosition);
    }
    
    updateTuxPosition();
    
    // Add random uwu noises
    const uwuSounds = [
        "uwu~", "owo", ">w<", "nyaa~", "rawr x3", "ᵘʷᵘ", "♡(ᐡᴗ ﻌ ᴗᐡ)♡", 
        "I wuv Winux!", "GNU/Winux", "I use Awch btw"
    ];
    
    function createNewBubble() {
        // Remove old bubble if exists
        if (activeBubble) {
            activeBubble.style.opacity = 0;
            setTimeout(() => {
                if (activeBubble && activeBubble.parentNode) {
                    document.body.removeChild(activeBubble);
                }
                activeBubble.isRemoved = true;
            }, 1000);
        }
        
        // Create new bubble
        const bubble = document.createElement('div');
        bubble.className = 'speech-bubble';
        bubble.textContent = uwuSounds[Math.floor(Math.random() * uwuSounds.length)];
        bubble.style.left = (tuxX + 50) + 'px';
        bubble.style.top = (tuxY - 30) + 'px';
        document.body.appendChild(bubble);
        
        // Track the active bubble
        activeBubble = bubble;
        activeBubble.isRemoved = false;
        
        // Schedule bubble removal
        setTimeout(function() {
            if (activeBubble === bubble) {
                bubble.style.opacity = 0;
                setTimeout(function() {
                    if (bubble.parentNode) {
                        document.body.removeChild(bubble);
                    }
                    if (activeBubble === bubble) {
                        activeBubble.isRemoved = true;
                    }
                }, 1000);
            }
        }, 3000);
    }
    
    // Create first bubble after a delay
    setTimeout(createNewBubble, 2000);
    
    // Create new bubbles periodically
    setInterval(createNewBubble, 2000);
    
    // Make download buttons do a little dance
    const downloadButtons = document.querySelectorAll('a[download]');
    
    downloadButtons.forEach((button, index) => {
        button.style.setProperty('--i', index);
        button.addEventListener('mouseover', function() {
            this.classList.add('wiggle');
            setTimeout(() => {
                this.classList.remove('wiggle');
            }, 1000);
        });
    });
    
    // Make text wave letter by letter
    const descriptions = document.querySelectorAll('.graph-description');
    descriptions.forEach(desc => {
        const text = desc.textContent;
        desc.textContent = '';
        
        for (let i = 0; i < text.length; i++) {
            const span = document.createElement('span');
            span.textContent = text[i];
            span.style.setProperty('--char-index', i);
            desc.appendChild(span);
        }
    });
});

// Kawaii cursor effects
document.addEventListener('click', function(e) {
    const x = e.clientX;
    const y = e.clientY;
    const sparkle = document.createElement('div');
    sparkle.className = 'sparkle';
    sparkle.style.left = x + 'px';
    sparkle.style.top = y + 'px';
    document.body.appendChild(sparkle);
    
    setTimeout(function() {
        sparkle.remove();
    }, 1000);
});