-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (44 loc) · 2.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Aquilio</title>
<script type='application/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script type='application/javascript' src='js/websockets.js'></script>
<script type='application/javascript' src="js/game.js"></script>
<style>
#SystemMessage { position: fixed; top: 5px; background-color: DarkSlateBlue; color: #ffffff; left: 5px; display:none; }
.hiddenImage {visibility: hidden; display:none}
#ninput { position: absolute; left: 10px; top: 10px; z-index:5 }
#myCanvas { background-color: grey; margin: 0px auto 0px auto; position:absolute; left:0; top:0; z-index:-5 }
body, html {
padding: 0px;
margin: 0px;
border: 0px none;
width: 100%;
height: 100%;
overflow: hidden;
}
#ninput { -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; color:White }
#leaderboard { position: relative; float:right; top:0; right:0; color:white;-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none; }
body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth693.cur), progress !important;}
a {color: white;}
</style>
</head>
<body>
<div id=ninput>Name: <INPUT maxlength= 15 type=text id=PlayerName>
<a href="https://github.com/sumanthneerumalla/GameJam2016/blob/master/About.md">How To Play</a>
<a href="https://github.com/sumanthneerumalla/GameJam2016/blob/master/About.md">About</a>
<a href="https://twitter.com/Sumastodon">Tweet at me!</a><BR>
<INPUT type=submit id=RespawnButton value=Respawn>
<select id="chooseSpecies">
<option value="Lig">Lig</option>
<option value="Aquil">Aquil</option>
<option value="Acer">Acer</option>
</select>
</div>
<div id=leaderboard> ... </div>
<canvas id="myCanvas"></canvas>
<img class="hiddenImage" id="background" src="images/trees.jpg">
</body>
</html>