-
Notifications
You must be signed in to change notification settings - Fork 4
/
start.html
51 lines (46 loc) · 1.08 KB
/
start.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
<html>
<head>
<meta name="viewport" content="width=300, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style type="text/css">
body
{
overflow-x: hidden;
overflow-y: scroll;
}
/* basic styles for black background and crosshair cursor */
body {
background: #000;
margin: 0;
}
canvas {
cursor: crosshair;
display: block;
}
</style>
<body>
<div style="visibility:hidden">
<audio loop>
<source src="./assets/fireworks.mp3" type="audio/mpeg">
</audio>
</div>
<!-- setup our canvas element -->
<canvas id="canvas">Canvas is not supported in your browser.</canvas>
<script>
setTimeout("location.href = 'Birthday.html';",20000);
</script>
<script type="text/javascript" src="./javascript/fireworks.js"></script>
<script>
var firstTime = true;
var body = document.querySelector("body");
body.addEventListener("click",function(){
if(firstTime){
firstTime = false;
var music = document.querySelector("audio");
music.play();
}
})
</script>
</body>
</html>