<!doctype html>
<html lang="en">
<head>
<title>rogue.js</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styles/normalize.css">
<link rel="stylesheet" href="styles/simple.css">
</head>
<body>
<div class="center">
<h1>rogue.js</h1>
</div>
<pre id="messages" style="height: 100px; overflow: scroll"></pre>
<canvas id="gameboard" class="center" width="512" height="416"></canvas>
<div class="center">
<table class="center">
<tr><td><button id="joingame" type="button" title="Join Game">Join Game</button></td><td></td><td><button id="up">Up</button></td><td></td><td><button id="wait">Wait</button></td>
</tr>
<tr><td><button id="leavegame" type="button" title="Leave Game">Leave Game</button></td><td><button id="left">Left</button></td><td><button id="stairs">Stairs</button></td><td><button id="right">Right</button></td><td></td>
</tr>
<tr><td></td><td></td><td><button id="down">Down</button></td><td></td><td><button id="drink">Potion</button></td>
</tr>
</table>
</div>
<footer><p>© Matt Kohls, 2019</footer>
<script src="js/rogue.js"></script>
</body>
</html>