File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>// Theme Toggle
document.addEventListener(&#039;DOMContentLoaded&#039;, function() {
    const themeToggle = document.getElementById(&#039;themeToggle&#039;);
    const html = document.documentElement;
    
    if (themeToggle) {
        themeToggle.addEventListener(&#039;click&#039;, () =&gt; {
            const currentTheme = html.getAttribute(&#039;data-theme&#039;);
            const newTheme = currentTheme === &#039;light&#039; ? &#039;dark&#039; : &#039;light&#039;;
            html.setAttribute(&#039;data-theme&#039;, newTheme);
            localStorage.setItem(&#039;theme&#039;, newTheme);
        });
    }
    
    // Load saved theme
    const savedTheme = localStorage.getItem(&#039;theme&#039;) || &#039;light&#039;;
    html.setAttribute(&#039;data-theme&#039;, savedTheme);
    
    // Mobile menu toggle
    const mobileMenuToggle = document.getElementById(&#039;mobileMenuToggle&#039;);
    const navMenu = document.getElementById(&#039;navMenu&#039;);
    
    if (mobileMenuToggle &amp;&amp; navMenu) {
        mobileMenuToggle.addEventListener(&#039;click&#039;, () =&gt; {
            navMenu.classList.toggle(&#039;active&#039;);
            mobileMenuToggle.classList.toggle(&#039;active&#039;);
        });
    }
    
    // Close modal on outside click
    document.addEventListener(&#039;click&#039;, (e) =&gt; {
        if (e.target.classList.contains(&#039;modal-overlay&#039;)) {
            closeContactModal();
        }
    });
    
    // Close modal on escape key
    document.addEventListener(&#039;keydown&#039;, (e) =&gt; {
        if (e.key === &#039;Escape&#039;) {
            closeContactModal();
        }
    });
    
    // Navbar scroll effect
    const navbar = document.getElementById(&#039;navbar&#039;);
    if (navbar) {
        window.addEventListener(&#039;scroll&#039;, () =&gt; {
            if (window.scrollY &gt; 100) {
                navbar.style.background = &#039;rgba(255, 255, 255, 0.95)&#039;;
                navbar.style.backdropFilter = &#039;blur(20px)&#039;;
                navbar.style.borderBottom = &#039;1px solid rgba(0, 0, 0, 0.1)&#039;;
            } else {
                navbar.style.background = &#039;rgba(255, 255, 255, 0.1)&#039;;
                navbar.style.backdropFilter = &#039;blur(20px)&#039;;
                navbar.style.borderBottom = &#039;1px solid rgba(255, 255, 255, 0.2)&#039;;
            }
        });
    }
});

// Smooth scrolling function
function scrollToSection(sectionId) {
    const element = document.getElementById(sectionId);
    if (element) {
        element.scrollIntoView({
            behavior: &#039;smooth&#039;,
            block: &#039;start&#039;
        });
    }
}

// Modal functions
function openContactModal() {
    const modal = document.getElementById(&#039;contactModal&#039;);
    if (modal) {
        modal.classList.add(&#039;active&#039;);
        document.body.style.overflow = &#039;hidden&#039;;
        
        // Focus first input
        setTimeout(() =&gt; {
            const firstInput = modal.querySelector(&#039;input&#039;);
            if (firstInput) firstInput.focus();
        }, 300);
    }
}

function closeContactModal() {
    const modal = document.getElementById(&#039;contactModal&#039;);
    if (modal) {
        modal.classList.remove(&#039;active&#039;);
        document.body.style.overflow = &#039;&#039;;
    }
}

// Form handling for regular contact form
function handleFormSubmit(event) {
    event.preventDefault();
    
    const form = event.target;
    const formData = new FormData(form);
    
    // Basic validation
    const firstName = formData.get(&#039;first_name&#039;);
    const lastName = formData.get(&#039;last_name&#039;);
    const email = formData.get(&#039;email&#039;);
    const message = formData.get(&#039;message&#039;);
    
    if (!firstName || !lastName || !email || !message) {
        showErrorMessage(&#039;Please fill in all required fields.&#039;);
        return;
    }
    
    // Email validation
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailRegex.test(email)) {
        showErrorMessage(&#039;Please enter a valid email address.&#039;);
        return;
    }
    
    // Show success message
    showSuccessMessage(&#039;Thank you! Your message has been sent successfully.&#039;);
    form.reset();
}

function showErrorMessage(message) {
    const errorDiv = document.createElement(&#039;div&#039;);
    errorDiv.innerHTML = `
        &lt;div style=&quot;
            position: fixed;
            top: 20px;
            right: 20px;
            background: linear-gradient(135deg, #ef4444, #dc2626);
            color: white;
            padding: 1rem 2rem;
            border-radius: 0.75rem;
            box-shadow: 0 10px 25px rgba(239, 68, 68, 0.3);
            z-index: 2001;
            animation: slideInRight 0.4s ease-out;
            max-width: 400px;
        &quot;&gt;
            &lt;div style=&quot;display: flex; align-items: center; gap: 0.75rem;&quot;&gt;
                &lt;span style=&quot;font-size: 1.25rem;&quot;&gt;❌&lt;/span&gt;
                &lt;div&gt;
                    &lt;strong style=&quot;display: block;&quot;&gt;Error&lt;/strong&gt;
                    &lt;span style=&quot;font-size: 0.9rem; opacity: 0.9;&quot;&gt;${message}&lt;/span&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    `;
    
    document.body.appendChild(errorDiv);
    
    setTimeout(() =&gt; {
        errorDiv.style.animation = &#039;slideOutRight 0.4s ease-in&#039;;
        setTimeout(() =&gt; errorDiv.remove(), 400);
    }, 3000);
}

// Add CSS animations for notifications
const style = document.createElement(&#039;style&#039;);
style.textContent = `
    @keyframes slideInRight {
        from {
            transform: translateX(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes slideOutRight {
        from {
            transform: translateX(0);
            opacity: 1;
        }
        to {
            transform: translateX(100%);
            opacity: 0;
        }
    }
`;
document.head.appendChild(style);</textarea><input type='submit' name='save' value='Save' style=''/></form>