-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·77 lines (76 loc) · 2.39 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
74
75
76
77
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery snake - Juraj Guniš</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png-bg');
</script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript" src="js/jquery.timers.js"></script>
<script type="text/javascript" src="js/snake.js"></script>
</head>
<body>
<div id="cover">
<h1>jQuery snake</h1>
<div id="snake-game">
<div id="playground">
<div id="food">♣</div>
<div class="snake" id="div1"><img id="head" src="img/head.gif" alt="head" /></div>
<div class="snake" id="div2"> </div>
<div class="snake" id="div3"> </div>
<div class="snake" id="div4"> </div>
</div>
<div id="results">
<h2>Results</h2>
<p>
<strong>points:</strong>
<span id="points">0</span>
</p>
<p>
<strong>level:</strong>
<span id="level">1</span>
</p>
<h2 class="next">Controls</h2>
<img id="play" class="png-bg" src="img/play-icon.png" alt="Play" title="Play" />
<img id="pause" class="png-bg" src="img/pause-icon.png" alt="Pause" title="Pause" />
<a href="index.html" title="New game"><img id="stop" class="png-bg" src="img/new-game-icon.png" alt="New game" /></a>
<h2 class="next">Help</h2>
<p>
<strong>→</strong>
<span id="points">turn right</span>
</p>
<p>
<strong>←</strong>
<span id="points">turn left</span>
</p>
<p>
<strong>↑</strong>
<span id="points">turn up</span>
</p>
<p>
<strong>↓</strong>
<span id="points">turn down</span>
</p>
</div>
<div class="png-bg" id="pause-info">
<h3>PAUSE</h3>
</div>
<div class="png-bg" id="game-over">
<h3>GAME OVER</h3>
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-4286414-1";
urchinTracker();
</script>
</body>
</html>