FullyChargedArch.github.io/script.js at main · Archer-Key/FullyChargedArch.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
function startNavBarAnimation() {
  const element = document.getElementById("navTitle");
  typeOutText(element.innerHTML);
}

function typeOutText(text) {
  let id = null;
  const element = document.getElementById("navTitle");
  let textLength = text.length;
  let i = 1;
  clearInterval(id);
  id = setInterval(typeText, 50);
  function typeText() {
    element.innerHTML = text.substr(0, i);
    if (i == textLength){
      clearInterval(id);
      underscoreAnimation(); }
    else {
      i++;
    }
  }
}
function underscoreAnimation() {
  let id = null;
  const element = document.getElementById("navTitle");
  let text = element.innerHTML;
  let i = 0;
  let underscore = 0;
  clearInterval(id);
  id = setInterval(animateUnderscore, 800);
  function animateUnderscore() {
    if (i == 6){
      clearInterval(id);
      deleteText();
    }
    else {
      i++;
      if (underscore) {
        element.innerHTML = text;
        underscore = 0;
      }
      else {
        element.innerHTML = text + "_";
        underscore = 1;
      }
    }
  }
}

function deleteText() {
  let id = null;
  const element = document.getElementById("navTitle");
  let text = element.innerHTML;
  let textLength = text.length;
  let i = textLength;
  clearInterval(id);
  id = setInterval(deleteText, 50);
  function deleteText() {
    element.innerHTML = text.substr(0, i);
    if (i == 1){
      clearInterval(id);
      typeOutText(text);
    }
    else {
      i--;
    }
  }
}

function homeDVDAnimation() {
  let id = null;
  const container = document.getElementById("homeContent");
  const element = document.getElementById("titleCard");
  let x = 0; //container.offsetWidth * 0.5 - element.offsetWidth * 0.5;
  let y = 0; //container.offsetHeight * 0.4;
  let xSpeed = 1;
  let ySpeed = 1;
  clearInterval(id);
  id = setInterval(frame, 5);
  function frame() {
    if (x < 0) {
      x = 0;
      xSpeed *= -1;
    }
    else if (x > (container.offsetWidth - element.offsetWidth) ) {
      x = (container.offsetWidth - element.offsetWidth);
      xSpeed *= -1;
    }
    else if (y < 0) {
      y = 0;
      ySpeed *= -1;
    }
    else if (y > (container.offsetHeight - element.offsetHeight) ) {
      y = (container.offsetHeight - element.offsetHeight)
      ySpeed *= -1;
    }
    x += xSpeed;
    y += ySpeed;
    element.style.left = x + "px";
    element.style.top = y + "px";
  }
}