main.js

/* If on a desktop, change nav's logo and hamburger when past the hero */
if( screen.width >= 875 ) {   
    var scroll_pos = 0;
    $(document).scroll(function() { 
        scroll_pos = $(this).scrollTop();
        if(scroll_pos > 520) {
            $("#logo").attr("src", "assets/images/logo-scroll.svg");
            $("#hamburger").attr("src", "assets/images/hamburger-scroll.svg")

        } else {
            $("#logo").attr("src", "assets/images/logo.svg");
            $("#hamburger").attr("src", "assets/images/hamburger.svg");
        }
    });
}

/* Popout sidebar navigation */
function openNav() {
    document.getElementById("sidebar-nav").style.width = "90%";
}

function closeNav() {
    document.getElementById("sidebar-nav").style.width = "0";
}