withluvboutaina/manimation-magic-deploy-o-matic

1 2document.addEventListener('DOMContentLoaded', () => {3    // Feather icons replacement4    feather.replace();5    6    // Mobile menu toggle7    const mobileMenuBtn = document.createElement('button');8    mobileMenuBtn.className = 'mobile-menu-btn p-2 mr-2';9    mobileMenuBtn.innerHTML = '<i data-feather="menu"></i>';10    document.querySelector('custom-navbar').shadowRoot.querySelector('.container')11        .insertBefore(mobileMenuBtn, document.querySelector('custom-navbar').shadowRoot.querySelector('.container').firstChild);12    13    mobileMenuBtn.addEventListener('click', () => {14        document.querySelector('custom-editor-sidebar').classList.toggle('open');15    });16    17    // Theme toggle functionality18const themeToggle = document.getElementById('theme-toggle');19    if (themeToggle) {20        themeToggle.addEventListener('click', () => {21            document.documentElement.classList.toggle('dark');22        });23    }24 25    // Code editor functionality26    const codeBlocks = document.querySelectorAll('pre');27    codeBlocks.forEach(block => {28        block.addEventListener('click', () => {29            const range = document.createRange();30            range.selectNodeContents(block);31            const selection = window.getSelection();32            selection.removeAllRanges();33            selection.addRange(range);34        });35    });36});