-
Notifications
You must be signed in to change notification settings - Fork 0
/
es.html
60 lines (50 loc) · 2.06 KB
/
es.html
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="white-background">
<p id="text1" class="fade-in-text" style="animation-delay: 0s;">Hello, how'd you get here?</p>
<p id="text2" class="fade-in-text hidden" style="animation-delay: 2s;">Did you scroll all the way down?</p>
<p id="text3" class="fade-in-text hidden" style="animation-delay: 3s;">Well, welcome to the backrooms!</p>
<p id="text4" class="fade-in-text hidden" style="animation-delay: 4s;">shhh, whats that over there?</p>
<p id="sliding-text" class="hidden">special thanks to the unknown visitor </p>
<p id="sliding-text2" class="hidden">aka array.prototype.filter. </p>
<div id="sliding-container" class="hidden">
<a href="https://discord.com/users/1174060054262075484" target="_blank">
<img id="sliding-image" src="content/visitor.png" ondragstart="return false">
<audio id="backrooms" src="/content/backrooms.wav" loop autoplay></audio>
<audio id="scary" src="/content/scary.mp3"></audio>
</a>
<script>
var currentText = 1;
var delay = 5000;
var backrooms = document.getElementById('backrooms');
var scary = document.getElementById('scary');
backrooms.volume = 0.1;
scary.volume = 0.1;
function cycleText() {
if (currentText < 4) {
document.getElementById('text' + currentText).classList.add('hidden');
}
currentText++;
if (currentText <= 4) {
document.getElementById('text' + currentText).classList.remove('hidden');
if (currentText === 4) {
backrooms.pause();
scary.play();
}
setTimeout(cycleText, 6000);
} else {
document.getElementById('sliding-container').classList.remove('hidden');
setTimeout(function() {
document.getElementById('sliding-text').classList.remove('hidden');
document.getElementById('sliding-text2').classList.remove('hidden');
backrooms.play();
}, 2000);
}
}
setTimeout(cycleText, delay);
</script>
</body>
</html>