index.html

<head>
	<title>Multiplayer Maze</title>
	<script src="/game.js"></script>
	<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<section id="chatSection" class="hidden">
	<label>Enter your nickname: <input type="text" id="userNick"/></label>
	<button id="nickButton">Update your nickname</button>
	<div id="chatArea"></div>
	<input type="text" id="chatMessage"><button id="chatButton">Send Message</button>
	<section id="users">
		<h1>Users</h1>
		<ul id="userList" class="menu"></ul>
	</section>
</section>
<section id="hub">
	<section id="freeRooms">
		<h2>Open Rooms</h2>
		<ul id="roomList" class="menu"></ul>
	</section>
	<section id="createRoom">
		<label>Room Name: <input type="text" id="roomNameText" /></label>
		<button id="createRoomButton">Create Room</button>
	</section>
</section>
<section id="room" class="hidden">
	<section id="gameStatusPanel">
		<div id="eventLog"></div>
		<p id="gamePosition"></p>
	</section>
	<section id="game">
		<button id="north">Attempt North</button>
		<button id="south">Attempt South</button>
		<button id="west">Attempt West</button>
		<button id="east">Attempt East</button>
	</section>
</section>