<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>KoiKoi</title>
    <script src="lib/unit.js"></script>
    <script src="translations.js"></script>
    <script src="i18n.js"></script>
    <script src="screen.js"></script>
    <script src="save.js"></script>
    <script src="messaging.js"></script>
    <script src="ui.js"></script>
    <script src="session.js"></script>
    <script src="room.js"></script>
    <script src="statusHandler.js"></script>
    <script src="hanafuda.js"></script>
    <script src="screen/game.js"></script>
    <script src="screen/hall.js"></script>
    <script src="screen/login.js"></script>
    <script src="main.js"></script>
    <link rel="stylesheet" href="screen.css" type="text/css"/>
    <link rel="stylesheet" href="screen/hall.css" type="text/css"/>
    <link rel="stylesheet" href="screen/game.css" type="text/css"/>
  </head>
  <body>
    <div id="reception" class="on">
      <h1>Hanafuda - 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="game">
      <div id="them">
        <ul class="hand"></ul>
        <ul class="kasu"></ul>
        <ul class="tane"></ul>
        <ul class="tan"></ul>
        <ul class="hikari"></ul>
        <span class="score"></span>
      </div>
      <div id="table">
        <ul id="deck">
          <li class="card init" id="rest"></li>
        </ul>
        <ul id="river"></ul>
        <ul id="status"></ul>
      </div>
      <div id="you">
        <ul class="hand"></ul>
        <ul class="kasu"></ul>
        <ul class="tane"></ul>
        <ul class="tan"></ul>
        <ul class="hikari"></ul>
        <span class="score"></span>
      </div>
    </div>
    <div id="dialog">
    </div>
    <p id="error"></p>
  </body>
</html>