-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (39 loc) · 1.59 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Catch-me-if-u-can </title>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<audio autoplay id="ck"><source src='assets/next_message.mp3'></audio>
<audio autoplay id="ck1"><source src='assets/fly_message.mp3'></audio>
<audio autoplay id="ck2"><source src='assets/background_music.mp3'></audio>
<div class="warpper">
<h1> Catch Me if you can :) </h1>
<div class="a">
<p onclick="tts(); alert('Sound Activated'); document.getElementById('ck2').play(); openFullscreen()"> Click here to activate sounds </p>
</div>
<div class="d">
<p>Score: <span id="score">0</span> </p>
<p> Top score: <span id="topscore">Loading...</span> </p>
<p> <b>Tip:</b> Lesser is Better </p>
</div>
<img id="fltt1" class="fltt" src='assets/laugh.png' height=30px width=30px></img>
<img id="fltt2" class="fltt" src='assets/laugh.png' height=30px width=30px></img>
<img id="fltt3" class="fltt" src='assets/laugh.png' height=30px width=30px></img>
<img id="fltt4" class="fltt" src='assets/laugh.png' height=30px width=30px></img>
<img id="fltt5" class="fltt" src='assets/laugh.png' height=30px width=30px></img>
<div class="playground" id="pg1">
<div class="object-wrapper">
<div class="object" id="try">
<p class="p1" id="p1"> Click Me </p>
</div>
</div>
<div class="mobile-player"></div>
</div>
</div>
</body>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="./script.js"> </script>
</html>