dee.github.io/script.js at master · davlsb/dee.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 //Animations
AOS.init({
        offset: 100, // offset (in px) from the original trigger point
        delay: 0, // values from 0 to 3000, with step 50ms
        duration: 1000 // values from 0 to 3000, with step 50ms
      });

//scrollBar
  window.onscroll = function() {myFunction()};

function myFunction() {
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  var scrolled = (winScroll / height) * 100;
  document.getElementById("myBar").style.width = scrolled + "%";
}

function openForm() {
  document.getElementById("myForm").style.display = "block";
  document.getElementById("shadowBlur").style.display = "block";
  document.getElementById("shadowBlur").style.position = "fixed"
  document.getElementById("dee").style.display = "none";
  document.getElementById("navigation").style.display = "none";
  document.getElementById("myHeader").setAttribute("style","-webkit-backdrop-filter: blur(0px)");
  document.getElementById("myHeader").setAttribute("style","backdrop-filter: blur(0px)");

}

function closeForm() {
  document.getElementById("myForm").style.display = "none";
  document.getElementById("shadowBlur").style.display = "none";
  document.getElementById("dee").style.display = "block";
  document.getElementById("navigation").style.display = "block";
  document.getElementById("myHeader").setAttribute("style","-webkit-backdrop-filter: blur(10px)");
  document.getElementById("myHeader").setAttribute("style","backdrop-filter: blur(10px)");
  document.getElementById('entry.1803483636').value='';
  document.getElementById('entry.567895808').value='';
  document.getElementById('entry.1960167367').value='';
}

function sendForm() {
  document.getElementById("myForm").style.display = "none";
  document.getElementById("shadowBlur").style.display = "none";
  document.getElementById("dee").style.display = "block";
  document.getElementById("navigation").style.display = "block";
  document.getElementById("myHeader").setAttribute("style","-webkit-backdrop-filter: blur(10px)");
  document.getElementById("myHeader").setAttribute("style","backdrop-filter: blur(10px)");
  window.alert("If the info was correct, your form was submitted. Thank you :)");
}

function resetForm() {
  document.getElementById('entry.1803483636').value='';
  document.getElementById('entry.567895808').value='';
  document.getElementById('entry.1960167367').value='';
}