-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathchristmas.html
86 lines (75 loc) · 3.71 KB
/
christmas.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
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
<!DOCTYPE html>
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<style>
body{
background-color: black;
cursor: none;
}
pre{
color: green;
padding: 0px;
margin: 0px;
}
.yellow{
color: yellow;
}
.brown{
color: brown;
}
</style>
</head>
<body>
<audio id="song">
<source src="https://aero.codepy.org/8bitsleighride.mp3" type="audio/mpeg">
</audio>
<img src="https://aero.codepy.org/touch.png" id="start"/>
<script>
var list = " /\\$ < >$ \\/$ /\\$ / \\$ /++++\\$ / () \\$ / \\$ /~`~`~`~`\\$ / () () \\$ / \\$ /*&*&*&*&*&*&\\$ / () () () \\$ / \\$ /++++++++++++++++\\$ / () () () () \\$ / \\$ /~`~`~`~`~`~`~`~`~`~`\\$ / () () () () () \\$ /*&*&*&*&*&*&*&*&*&*&*&\\$ / \\$/,.,.,.,.,.,.,.,.,.,.,.,.,.\\$ | |$ |`````|$ \\_____/$ $ $ @@ @@$ @@@ @@@$ @@@@ @@@@ @@@@ @@ @@@ @@ @@@ @@ @@$ @@ @@ @@ @@ @@ @@ @@@ @@ @@@ @@ @@ @@$ @@ @@ @@ @@ @@@@@@ @@ @@ @@ @@$ @@ @@@@ @@ @@ @@ @@ @@@@$ @@ @@ @@ @@@@ @@ @@ @@$ @@$ @@ @@$ @@@@$ @@@ @@ @@ @@$ @@ @@ @@ @@$@@ @@ @@@ @@ @@@ @@ @@@@ @@@@@@ @@ @@ @@ @@@ @@@@$@@ @@@ @@ @@@ @@ @@ @@ @@ @@@ @@ @@ @@ @@ @@$@@ @@ @@ @@ @@ @@@ @@ @@ @@ @@ @@ @@ @@@$ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@ @@$ @@@ @@ @@ @@ @@ @@@@ @@ @@ @@ @@@@ @@ @@@@";
list = list.split("$");
var speed = 20;
const delay = ms => new Promise(res => setTimeout(res, ms));
function typeWriter(txt, id, i) {
if (i < txt.length) {
document.getElementById(id).innerHTML += txt.charAt(i);
i++;
setTimeout(function(){
typeWriter(txt, id, i);
}, speed);
}
}
async function main(){
await delay(5000);
for (var x = 0; x < list.length; x++){
var i = 0;
if (x < 3){
$("body").append("<pre class='yellow' id='" + x + "'></pre>");
}
else if (x > 21){
$("body").append("<pre class='brown' id='" + x + "'></pre>");
}
else{
$("body").append("<pre id='" + x + "'></pre>");
}
typeWriter(list[x], x, i);
await delay(500);
}
await delay(15000);
$("body").append("<br>");
$("body").append("<br>");
$("body").append("<pre id='sudo'></pre>");
typeWriter("> sudo be_merry.sh", "sudo", 0);
}
$("#start").click(function(){
document.getElementById("song").play();
$("#start").remove();
main();
});
</script>
</body>
</html>