October 31, 2019

var header = document.getElementById('header');

window.addEventListener('scroll', scrollWatcher);
window.addEventListener('resize', resizeWatcher);

function scrollWatcher() {
  if ((header.offsetTop*0.3) <= window.scrollY) {
    // header, under the splash, is 100vh from the top, so let's say when we're at 30vh, is when we'll instate the top styles
    console.log('hitHeader')
    requestAnimationFrame(hitHeader);
    if (window.scrollY >= content.offsetTop) {
      // if we scroll to the content, run hit content
      console.log('hitContent')
      requestAnimationFrame(hitContent);
    }
  } else {
    // otherwise we'll assume we're at the header
    requestAnimationFrame(backToTop);
  }
}

function resizeWatcher() {
  console.log('resize');
  requestAnimationFrame(adjustDashesWidth);
}

function hitHeader() {
  bigB.classList.remove('b-black');
  bigB.classList.remove('big-b--scaled');
}