index.html

<!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 rel="stylesheet" href="styles.css">
</head>

<body>
<div id="pleasewait">Connecting...</div>
<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>
</nav>
<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">create 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>