initial commit

resources/views/app.blade.php

@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Zombies</title>
+	@vite(['resources/css/game.css', 'resources/js/main.js'])
+</head>
+<body>
+	<canvas id="game"></canvas>
+	<button type="button" id="fullscreen">Fullscreen</button>
+
+	<div id="lobby">
+		<div id="lobby-panel">
+			<h1>ZOMBIES</h1>
+			<p class="sub">Co-op survival from your browser.</p>
+
+			<div id="prejoin">
+				<label for="name">Name</label>
+				<input id="name" type="text" maxlength="16" autocomplete="off" />
+				<div class="mode">
+					<button type="button" id="lobby-host">Host a Room</button>
+					<button type="button" id="lobby-join">Join a Room</button>
+				</div>
+				<div id="join-form" class="hidden">
+					<label for="room">Room code</label>
+					<div class="row">
+						<input id="room" type="text" maxlength="16" autocomplete="off" placeholder="e.g. ab7x2" />
+						<button type="button" id="lobby-join-confirm">Join</button>
+					</div>
+				</div>
+			</div>
+
+			<div id="inroom">
+				<label>Room code</label>
+				<div class="room-code">
+					<span id="room-code"></span>
+					<button type="button" id="room-copy">Copy</button>
+				</div>
+				<button type="button" id="lobby-start" disabled>Start Game</button>
+			</div>
+			<div id="lobby-status"></div>
+			<div id="lobby-players"></div>
+		</div>
+	</div>
+
+	<div id="gameover">
+		<div id="gameover-panel">
+			<h2>GAME OVER</h2>
+			<div id="gameover-scores"></div>
+			<button type="button" id="gameover-again">Play Again</button>
+			<div id="gameover-wait"></div>
+		</div>
+	</div>
+</body>
+</html>