forked from getify/wepuzzleit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (31 loc) · 1.13 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>We Puzzle It!</title>
<script src="load.js"></script>
<link type="text/css" rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="pleasewait">Connecting...</div>
<div class="nav">
<p>
<a href="./">home</a> | <a href="puzzles.html">puzzles</a> | <a href="new-puzzle.html">new puzzle</a>
</p>
<p>
<span id="logged_in">Hello, <span id="your_name"></span>. Score: <span id="score">..</span> | <a id="logout" rel="noajax" href="./">logout</a></span>
<strong id="connection_failed" class="error">Connection Failed. Refresh to try again.</strong>
</p>
</div>
<h1>We Puzzle It!</h1>
<div id="content">
<p>A demo multi-player game to show off various advanced HTML5 JavaScript APIs.</p>
<h2>How To Play?</h2>
<ol>
<li class="step1">First, <a href="login.html">login</a>.</li>
<li>Then, <a href="puzzles.html">pick</a> a puzzle, or <a href="new-puzzle.html">make your own</a> puzzle.</li>
<li>Drag the pieces of the puzzle to the correct locations. Score points for each piece you correctly position!</li>
</ol>
</div>
</body>
</html>