</div> <!-- content -->
<script>
document.addEventListener('DOMContentLoaded', function(){

    const sidebar = document.getElementById('sidebar');
    const overlay = document.getElementById('sidebarOverlay');
    const toggle  = document.getElementById('sidebarToggle');
    const close   = document.getElementById('sidebarClose');

    function openSidebar(){
        sidebar.classList.add('open');
        overlay.classList.add('show');
    }

    function closeSidebar(){
        sidebar.classList.remove('open');
        overlay.classList.remove('show');
    }

    if(toggle){
        toggle.addEventListener('click', openSidebar);
    }

    if(close){
        close.addEventListener('click', closeSidebar);
    }

    if(overlay){
        overlay.addEventListener('click', closeSidebar);
    }

});
</script>
</body>
</html>