jamesperet-website-2020/themes/james-theme/layout/_partial/logo-control.ejs

<script>
    var logo = document.getElementById('logo');
    var cover = document.getElementById('cover')
    var invertLogo = function(){
        console.log(window.scrollY + "/" + cover.clientHeight)
        if(window.scrollY >= cover.clientHeight) {
            logo.classList.add("invert");
        }
        else if(window.scrollY < cover.clientHeight) {
            logo.classList.remove("invert");
        }
    }
    invertLogo()
    window.onscroll = function(){
        invertLogo();
    };
    
</script>