server/www/index.html

<!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="fun.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 class="list"></ul>
        </div>
      </form>
      <div class="listSelector" id="games">
        <span class="message"></span>
        <ul class="list"></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>
First draft, basic session handling 2018-04-11 13:25:24 +02:00			`<!DOCTYPE HTML>`
			`<html>`
Use session keys in the client to remove ambiguity 2018-04-12 23:01:40 +02:00			`<head>`
Specify encoding in HTML 2018-07-28 12:44:19 +02:00			`<meta charset="utf-8">`
Use session keys in the client to remove ambiguity 2018-04-12 23:01:40 +02:00			`<title>KoiKoi</title>`
Group parts of UnitJS in a single file deployed in lib 2019-12-14 18:17:08 +01:00			`<script src="lib/unit.js"></script>`
Add a translation module and add a french translation 2019-01-01 12:57:27 +01:00			`<script src="translations.js"></script>`
			`<script src="i18n.js"></script>`
Card-shaped cards in client GUI, sending move but not handled on server 2018-05-13 18:08:12 +02:00			`<script src="fun.js"></script>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`<script src="screen.js"></script>`
Add the correct imports for new session module 2019-11-24 22:56:00 +01:00			`<script src="save.js"></script>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`<script src="messaging.js"></script>`
Add an Ui module to provide operations on «widgets» — so far only the forms that can be enabled/disabled according to the state of the webSocket connection 2019-12-14 18:21:03 +01:00			`<script src="ui.js"></script>`
Start designing the client GUI to handle games 2018-05-12 15:32:00 +02:00			`<script src="session.js"></script>`
			`<script src="room.js"></script>`
Implement status handling to provide visual clue about the game state 2019-08-12 14:04:57 +02:00			`<script src="statusHandler.js"></script>`
Card-shaped cards in client GUI, sending move but not handled on server 2018-05-13 18:08:12 +02:00			`<script src="hanafuda.js"></script>`
Split login and main screen («hall») and make all those screens «submodules» of the screen module 2019-12-11 22:03:16 +01:00			`<script src="screen/game.js"></script>`
			`<script src="screen/hall.js"></script>`
			`<script src="screen/login.js"></script>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`<script src="main.js"></script>`
Card-shaped cards in client GUI, sending move but not handled on server 2018-05-13 18:08:12 +02:00			`<link rel="stylesheet" href="screen.css" type="text/css"/>`
Generalize CSS for listSelectors and move it to the right place 2019-12-12 22:20:28 +01:00			`<link rel="stylesheet" href="screen/hall.css" type="text/css"/>`
Move game styling into the screen namespace 2019-12-14 18:24:28 +01:00			`<link rel="stylesheet" href="screen/game.css" type="text/css"/>`
Use session keys in the client to remove ambiguity 2018-04-12 23:01:40 +02:00			`</head>`
			`<body>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`<div id="reception" class="on">`
Start separating the login stage from selecting an opponent (still a lot of work to do, barely started) 2019-12-08 23:01:24 +01:00			`<h1>Hanafuda - KoiKoi</h1>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`<form id="login">`
			`<input type="submit" name="submitButton" hidden disabled/>`
Start separating the login stage from selecting an opponent (still a lot of work to do, barely started) 2019-12-08 23:01:24 +01:00			`<p id="join">`
Add a translation module and add a french translation 2019-01-01 12:57:27 +01:00			`<label for="you"></label><input type="text" name="you"/>`
			`<input type="submit" name="join" disabled/>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`</p>`
Keep separating hall and login, simplifying both, generalize listSelector and add one for games 2019-12-12 22:16:49 +01:00			`</form>`
			`</div>`
			`<div id="hall">`
			`<form id="room">`
			`<input type="submit" name="submitButton" hidden disabled/>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`<p id="invite">`
Add a translation module and add a french translation 2019-01-01 12:57:27 +01:00			`<label for="them"></label><input type="text" name="them"/>`
			`<input type="submit" name="invite" disabled/>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`</p>`
Generalize CSS for listSelectors and move it to the right place 2019-12-12 22:20:28 +01:00			`<div class="listSelector" id="players">`
Keep separating hall and login, simplifying both, generalize listSelector and add one for games 2019-12-12 22:16:49 +01:00			`<span class="message"></span>`
			`<ul class="list"></ul>`
			`</div>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`</form>`
Generalize CSS for listSelectors and move it to the right place 2019-12-12 22:20:28 +01:00			`<div class="listSelector" id="games">`
			`<span class="message"></span>`
			`<ul class="list"></ul>`
			`</div>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`</div>`
			`<div id="game">`
Improved layout to separate zones for each player and the table 2018-05-21 23:28:33 +02:00			`<div id="them">`
			`<ul class="hand"></ul>`
Playable game, only end of game isn't handled yet 2018-05-16 22:59:22 +02:00			`<ul class="kasu"></ul>`
			`<ul class="tane"></ul>`
			`<ul class="tan"></ul>`
			`<ul class="hikari"></ul>`
Replace card names by pictures in a sprite 2018-05-20 19:15:06 +02:00			`<span class="score"></span>`
Playable game, only end of game isn't handled yet 2018-05-16 22:59:22 +02:00			`</div>`
Improved layout to separate zones for each player and the table 2018-05-21 23:28:33 +02:00			`<div id="table">`
Handle decreasing deck and opponent's hand 2018-05-26 21:26:12 +02:00			`<ul id="deck">`
			`<li class="card init" id="rest"></li>`
			`</ul>`
Improved layout to separate zones for each player and the table 2018-05-21 23:28:33 +02:00			`<ul id="river"></ul>`
			`<ul id="status"></ul>`
			`</div>`
			`<div id="you">`
			`<ul class="hand"></ul>`
Playable game, only end of game isn't handled yet 2018-05-16 22:59:22 +02:00			`<ul class="kasu"></ul>`
			`<ul class="tane"></ul>`
			`<ul class="tan"></ul>`
			`<ul class="hikari"></ul>`
Replace card names by pictures in a sprite 2018-05-20 19:15:06 +02:00			`<span class="score"></span>`
Playable game, only end of game isn't handled yet 2018-05-16 22:59:22 +02:00			`</div>`
Basic client dialogs to login and start a new game 2018-05-11 12:31:53 +02:00			`</div>`
Implement custom asynchronous dialogs 2018-08-02 00:00:13 +02:00			`<div id="dialog">`
			`</div>`
Handle errors in a mor aesthetical way and allow to hide them (+fixes a bug caused by an implicit access to a DOM element by its id) 2019-10-18 17:55:50 +02:00			`<p id="error"></p>`
Use session keys in the client to remove ambiguity 2018-04-12 23:01:40 +02:00			`</body>`
First draft, basic session handling 2018-04-11 13:25:24 +02:00			`</html>`