-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
45 lines (44 loc) · 2.28 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Towers of Hanoi</title>
<script type="text/javascript" src="javascripts/miscellany.js"></script>
<script type="text/javascript" src="javascripts/game.js"></script>
<script type="text/javascript" src="javascripts/debug.js"></script>
<script type="text/javascript" src="javascripts/input_handler.js"></script>
<script type="text/javascript" src="javascripts/point.js"></script>
<script type="text/javascript" src="javascripts/element_coordinate_finder.js"></script>
<script type="text/javascript" src="javascripts/tower_manager.js"></script>
<script type="text/javascript" src="javascripts/game_state.js"></script>
<script type="text/javascript" src="javascripts/victory_celebrator.js"></script>
<script type="text/javascript" src="javascripts/tower.js"></script>
<script type="text/javascript" src="javascripts/disk.js"></script>
<script type="text/javascript" src="javascripts/canvas.js"></script>
<script type="text/javascript" src="javascripts/colour.js"></script>
<script type="text/javascript" src="javascripts/init.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
</head>
<body>
<canvas id="canvas" width="600" height="300"></canvas>
<div id="introduction">
<div id="introduction-message">
<h1>The Towers of Hanoi</h1>
<p>Your objective in <a href="http://en.wikipedia.org/wiki/Tower_of_Hanoi">Towers of Hanoi</a> is simple: move
your entire stack of disks from the first tower to one of the other two towers. There's only one
catch—you may not place a larger disk on top of a smaller one.</p>
<input id="start-new-game" type="button" value="Start game" />
</div>
</div>
<div id="victory-notification">
<div id="victory-message">
<h1>Victory!</h1>
<p>Congratulations! You just
<a href="http://en.wikipedia.org/wiki/Towers_of_hanoi#Origins">ended the world</a>.</p>
<p><input id="play-again" type="button" value="Play again" /> with
<input id="disks-count" type="text" size="2" maxlength="2" value="3" /> disks.</p>
</div>
</div>
<div id="debug"></div>
</body>
</html>