chuck.js/static/html/index.html
2014-06-29 00:04:43 +02:00

82 lines
No EOL
2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Chuck Lobby</title>
<link rel="stylesheet" href="/static/css/screen.css" type="text/css" media="screen">
</head>
<body>
<article id="menu">
<h1>Chuck</h1>
<p>
<label>
Nickname:<br>
<input id="nick" name="nick" type="text">
</label>
</p>
<form action="#" id="createform">
<div>
<h2>Create your own!</h2>
<p><label>Name:<br> <input id="customname"></label></p>
<p><label>Score limit:<br> <input id="scoreLimit" type="number" value="5"></label></p>
<fieldset>
<legend>Maps</legend>
<ul>
<li>
<label><input name="maps" value="debug" type="checkbox" checked> Debug</label>
</li>
<li>
<label><input name="maps" value="stones2" type="checkbox" checked> Stones2</label>
</li>
</ul>
</fieldset>
<p>
<button>Create</button>
<button onclick="Chuck.menu.show('#listform'); return false;">Cancel</button>
</p>
</div>
</form>
<form action="#" method="GET" id="customjoinform">
<p>
<label>
Link to share with your friends:<br>
<input id="link" readonly onclick="this.select()">
</label>
</p>
<p>
<button>Join</button>
<span id="timeout"></span>
<button onclick="Chuck.menu.show('#listform'); return false;">Cancel</button>
</p>
</form>
<form action="#" method="GET" id="listform">
<h2>Channel list</h2>
<table>
<thead>
<tr>
<th>Name</th>
<th>Type</th>
</tr>
</thead>
<tbody id="list"></tbody>
</table>
<p>
<button id="refresh">Refresh list</button>
<button onclick="Chuck.menu.show('#createform'); return false;">Create</button>
<button onclick="Chuck.menu.quickstart(); return false;">Quickstart</button>
</p>
</form>
</article>
<article id="game">
<button id="back-to-menu" onclick="window.location.href='/'">Menu</button>
<div id="canvasContainer">
<canvas id="canvas"></canvas>
</div>
</article>
<script type="text/javascript" src="/static/js/menu.js"></script>
<script data-main="client" src="require.js"></script>
</body>
</html>