Почему не срабатывает js?
Если вы откроете консоль браузера, то увидит ошибку «ReferenceError: Can't find variable: TweenLite», у вас не подключена библиотека TweenLite, если в нажмете на шестеренку в разделе JS в оригинальном примере, то увидите что там подключена библиотека «//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js». 
Дополнительно вам нужно убрать высоту у тега header, так как 100vh будет сдвигать вниз добавленные div элементы ровно на высоту экрана. 
codepen.io/Vitaliiy/pen/yOaPVq
В css добавить.body{
   overflow:hidden;
}
.foot{
   position:absolute;
   top:0;
}
И подключить библиотеку TweenLite