-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (46 loc) · 1.77 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
<!doctype html>
<html>
<head>
<title>Chicken Jump</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width"/>
<link rel="stylesheet" href="css/main.css">
<script data-main="js/main" src="js/libs/require.js"></script>
</head>
<body>
<div id="main">
<div id="menu">
<h1>Chicken Jump</h1>
<p>A little game doodle jump like made in html5 canvas.</p>
<button data-target="game">Play</button>
<button data-target="help">Help</button>
<button data-target="credits">Credits</button>
<a class="button" target="_blank" href="https://github.com/JeremieT/chicken-jump">Github</a>
</div> <!-- #menu -->
<div id="help">
<h1>Help</h1>
<p>Use left and right arrow to move, (or touch the screen on mobile device) and try to get the highest possible !</p>
<button data-target="menu">Back</button>
</div> <!-- #help -->
<div id="credits">
<h1>Credits</h1>
<p>Made thanks to <a target="_blank" href="http://coffeescript.org">CoffeeScript</a>, <a target="_blank" href="http://requirejs.org/">RequireJS</a>, <a target="_blank" href="http://dev.w3.org/html5/spec/">HTML5</a> and <a target="_blank" href="https://github.com/">Github</a> :)</p>
<p>And thanks to Tux for replacing my chicken I didn't draw yet.</p>
<button data-target="menu">Back</button>
</div> <!-- #credits -->
<div id="game">
<div hidden>
<div id="left">←</div>
<div id="right">→</div>
</div>
</div>
<div id="end">
<h1>Game Over</h1>
<p>You loose, try again :p</p>
<p>Your score is <span id="score"></span>.</p>
<button class="twitter">Share on Twitter</button>
<button class="facebook">Share on Facebook</button>
<button onclick="javascript:window.location.reload()">Back</button>
</div> <!-- #end -->
</div> <!-- #main -->
</body>
</html>