-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
122 lines (101 loc) · 4.02 KB
/
script.js
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
function rotateScenes(){
var scroll = window.pageYOffset,
relPos = scroll / height,
angle = 90 * relPos;
if(scroll >= height){
section1.style.transform = "rotateX(90deg)";
section2.style.transform = "rotateX(0deg)";
}
section1.style.transform = "rotateX(" + (angle) + "deg)";
section2.style.transform = "rotateX(-" + (90 - angle) + "deg)";
}
var section1 = document.querySelector("#top"),
section2 = document.querySelector("#content"),
height = window.innerHeight;
window.addEventListener("scroll", rotateScenes);
function displayLocalTime() {
const now = new Date();
const localTime = now.toLocaleTimeString();
const timeperiod = localTime.substring(localTime.length-2,localTime.length);
if (timeperiod == "pm") {
document.getElementById('top').style.backgroundImage = "url('best-minecraft-shaders-solas-aurora.jpg')";
document.getElementById('content').style.backgroundImage = "url('sunlight-night-water-reflection-Minecraft-green-morning-world-jungle-shaders-light-tree-autumn-leaf-flower-screenshot-computer-wallpaper-waterway-11539-880867929.jpg')";
}else{
document.getElementById('top').style.backgroundImage = "url('sunlight-night-water-reflection-Minecraft-green-morning-world-jungle-shaders-light-tree-autumn-leaf-flower-screenshot-computer-wallpaper-waterway-11539-880867929.jpg')";
document.getElementById('content').style.backgroundImage ="url('best-minecraft-shaders-solas-aurora.jpg')";
}
}
displayLocalTime()
function cityName(evt, cityName) {
// Declare all variables
var i, tabcontent, tablinks;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Show the current tab, and add an "active" class to the button that opened the tab
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
function scroll(word) {
var alphabet = "abcdefghijklmnopqrstuvwxyz".split("");
var currentword = [];
for (var i = 0; i < word.length; i++) {
(function(i) {
setTimeout(function() {
var j = 0;
var intervalId = setInterval(function() {
currentword[i] = alphabet[j];
document.getElementById("scroller").innerHTML = currentword.join("");
if (currentword[i] == word[i]) {
clearInterval(intervalId);
}
j++;
if (j >= alphabet.length) {
clearInterval(intervalId);
}
}, 50);
}, i * 100);
})(i);
}
}
scroll("hello");
async function getData() {
const url = "https://api.lanyard.rest/v1/users/757444714969432095";
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error(`Response status: ${response.status}`);
}
console.log("getting data")
const json = await response.json();
var onlinestatus = (json["data"]["discord_status"]);
console.log("hello?");
if (onlinestatus == "offline"){
document.getElementById("offline").style.backgroundColor = "red";
document.getElementById("offline").innerHTML = "Offline";
}else{
document.getElementById("offline").style.backgroundColor = "green";
document.getElementById("offline").innerHTML = "Online";
}
} catch (error) {
console.error(error.message);
}
}
getData();
const progressBar = document.getElementById('progress-bar1');
const observer = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting) {
progressBar.classList.add('animate');
observer.unobserve(progressBar); // Stop observing the element
}
}, {
threshold: 1.0,
});
observer.observe(progressBar);