<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>KoiKoi</title>
<script src="main.js"></script>
<link rel="stylesheet" href="skin.css" type="text/css"/>
</head>
<body>
<div id="reception" class="on">
<h1>KoiKoi</h1>
<form id="login">
<input type="submit" name="submitButton" hidden disabled/>
<p id="join">
<label for="you"></label><input type="text" name="you"/>
<input type="submit" name="join" disabled/>
</p>
</form>
</div>
<div id="hall">
<form id="room">
<input type="submit" name="submitButton" hidden disabled/>
<p id="invite">
<label for="them"></label><input type="text" name="them"/>
<input type="submit" name="invite" disabled/>
</p>
<div class="listSelector" id="players">
<span class="message"></span>
<ul></ul>
</div>
</form>
<div class="listSelector" id="games">
<span class="message"></span>
<ul></ul>
</div>
</div>
<div id="dialog">
</div>
<p id="error"></p>
</body>
</html>