chuck.js/static/html/index.html

83 lines
No EOL
1.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Chuck</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">
<input id="primarycolor">
</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 id="maps">
<li>
<label><input name="maps" value="debug" type="checkbox" checked> Debug</label>
</li>
<li>
<label><input name="maps" value="stones" type="checkbox" checked> Stones</label>
</li>
</ul>
</fieldset>
<p>
<button>Create</button>
<button class="cancel">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 class="cancel">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 id="createbutton">Create</button>
<button id="quickstartbutton">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 data-main="client" src="require.js"></script>
</body>
</html>