-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (47 loc) · 1.96 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IT'S BUSIK BIRTHDAY AGAIN</title>
<link rel="stylesheet" href="public/bday.css">
<script type='text/javascript'>
msg = document.title;
msg = "** !! " + msg + " !! **";
position = 0;
function scrollTitle() {
document.title = msg.substring(position, msg.length) + msg.substring(0, position);
position++;
if (position > msg.length) {
position = 0
}
window.setTimeout("scrollTitle()", 110);
}
scrollTitle();
</script>
</head>
<body style="background-color:black">
<script>
function onTap() {
const audio = document.getElementById("audio")
audio.play();
document.getElementById("cats").style.visibility = "visible";
document.getElementById("twentyfive").style.visibility = "visible";
document.getElementById("bday").style.visibility = "visible";
document.getElementById("tap").style.visibility = "hidden";
document.getElementById("barsik").style.visibility = "visible";
}
</script>
<audio id="audio" src="public/bailando.mp3" loop></audio>
<div style="position:relative;display:flex">
<img src="public/cats.gif" alt="BUSIK BDAY" width="80%" id="cats" style="position: absolute;left:18%;visibility: hidden"/>
<img src="public/tap.gif" alt="BUSIK BDAY" width="10%" id="tap" style="position: absolute;right:35px" onclick="onTap()"/>
<img src="public/bday.gif" alt="BUSIK BDAY" width="10%" id="bday" style="position: absolute;right:35px;visibility: hidden"/>
<div class="el-wrap x" style="position: absolute;visibility: hidden" id="barsik">
<div class="el y">
<img src='public/busik.gif' alt="BUSIK BDAY" width="150%">
</div>
</div>
<img src="public/pudding.gif" alt="BUSIK BDAY" width="30%" id="twentyfive" style="position: absolute;top:390px;visibility: hidden"/>
</div>
</body>
</html>