window.addEventListener('scroll', function(event){
if (window.pageYOffset+window.innerHeight >= document.getElementById("bio").offsetTop+100) { document.getElementById("contact").classList.remove("unstick"); } else { document.getElementById("contact").classList.add("unstick"); } if(window.pageYOffset >= 0){ $(".menuPage").removeClass("activePage"); var activePage = document.getElementById("Home"); activePage.classList.add("activePage"); } if(window.pageYOffset > document.getElementById("bio").offsetTop - 250) { $(".menuPage").removeClass("activePage"); var activePage = document.getElementById("Bio"); activePage.classList.add("activePage"); } if(window.pageYOffset > document.getElementById("projects").offsetTop - 250) { $(".menuPage").removeClass("activePage"); var activePage = document.getElementById("Projects"); activePage.classList.add("activePage"); } if(window.pageYOffset > document.getElementById("blog").offsetTop - 300) { console.log("yes"); $(".menuPage").removeClass("activePage"); var activePage = document.getElementById("Blog"); activePage.classList.add("activePage"); } });
function projectArrow(id) {
var x = document.getElementById("arrowProject"); if (x.className == "fas fa-chevron-down arrow") { x.classList.add("flip"); } else { x.className = "fas fa-chevron-down arrow"; } var p = document.querySelectorAll(".hideProject"); var q = document.querySelectorAll(".unhideProject"); var j; for (j = 0; j < p.length; j++) { p[j].className = "col-md-6 col-lg-6 unhideProject"; } var k; for (k = 0; k < q.length; k++) { q[k].className = "col-md-6 col-lg-6 hideProject"; } if (q.length > 0) { $('html,body').animate({scrollTop: $("#projects").offset().top},'fast'); }
}
function postArrow(id) {
var x = document.getElementById("arrowPost"); if (x.className == "fas fa-chevron-down arrow") { x.classList.add("flip"); } else { x.className = "fas fa-chevron-down arrow"; } var p = document.querySelectorAll(".hidePost"); var q = document.querySelectorAll(".unhidePost"); var j; for (j = 0; j < p.length; j++) { p[j].className = "col-md-6 col-lg-6 unhidePost"; } var k; for (k = 0; k < q.length; k++) { q[k].className = "col-md-6 col-lg-6 hidePost"; } if (q.length > 0) { $('html,body').animate({scrollTop: $("#blog").offset().top},'fast'); }
}