https://competent-austin-624f25.netlify.app/js/main.js

1
2
3//animations when scrolling 
4function reveal() {
5    var reveals = document.querySelectorAll(".reveal");
6  
7    for (var i = 0; i < reveals.length; i++) {
8      var windowHeight = window.innerHeight;
9      var elementTop = reveals[i].getBoundingClientRect().top;
10      var elementVisible = 50;
11  
12      if (elementTop < windowHeight - elementVisible) {
13        reveals[i].classList.add("active");
14      } else {
15        reveals[i].classList.remove("active");
16      }
17    }
18  }
19  
20  window.addEventListener("scroll", reveal);
21
22  ;(function(){
23  function id(v){ return document.getElementById(v); }
24  function loadbar() {
25    var ovrl = id("overlay"),
26        prog = id("progress"),
27        stat = id("progstat"),
28        img = document.images,
29        c = 0,
30        tot = img.length;
31    if(tot == 0) return doneLoading();
32
33    function imgLoaded(){
34      c += 1;
35      var perc = ((100/tot*c) << 0) +"%";
36      prog.style.width = perc;
37      stat.innerHTML = " \n Loading Animods \n " + perc;
38      
39      if(c===tot) return doneLoading();
40    }
41    function doneLoading(){
42      ovrl.style.opacity = 0;
43      setTimeout(function(){ 
44        ovrl.style.display = "none";
45      }, 1200);
46    }
47    for(var i=0; i<tot; i++) {
48      var tImg     = new Image();
49      tImg.onload  = imgLoaded;
50      tImg.onerror = imgLoaded;
51      tImg.src     = img[i].src;
52    }    
53  }
54  document.addEventListener('DOMContentLoaded', loadbar, false);
55}());
56
57
58  
59  
60