This repository has been archived by the owner on Sep 1, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (69 loc) · 2.32 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!--
This file is part of JSnake.
JSnake is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License.
JSnake is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with JSnake.
If not, see <http://www.gnu.org/licenses/>.
-->
<html>
<head>
<title> Best snake game ever </title>
<link rel="icon" href="snake.gif" type="image/gif" >
<style>
body {
margin :0px;
font-size:1.2em;
}
#noscript {
font-size: 1.7em;
text-align: center;
margin-bottom: 100%;
margin-top: 20px;
}
#main {
width : 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#game {
width : 400px;
height: 400px;
margin-top: 10px;
margin-bottom: 10px;
}
</style>
<script type="text/javascript" src="jsnake.js"> </script>
<noscript>
<p id="noscript">
Serious ? <br>
You want to play a JavaScript game without JavaScript???
</p>
</noscript>
</head>
<body>
<div id="main">
<h1>JSnake</h1>
<h3>High Score : <strong id="highScore"> 0 </strong></h3>
<h3>Points : <strong id="points"> 0 </strong></h3>
<canvas id="game" width="400" height="400"></canvas>
<h3>Start moving with the arrow keys</h3>
<h4> Hit escape to restart the game </h4>
<p>
Select the color of ur snake <br>
<select id="bodyColors" onchange="setBodyColor(this)" >
<option value="lime"> Green </option>
<option value="red"> Red </option>
<option value="yellow"> Yellow </option>
<option value="blue"> Blue </option>
</select>
</p>
</div>
</body>
</html>