MultiplayerMinesweeper/www/index.html

47 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://localhost:35729/livereload.js" charset="utf-8"></script>
<script type="text/javascript" src="socket.io.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Canvas used to generate individual sprites off one sprite atlas -->
<canvas class="hidden" id="spriteJank" width=24 height=24></canvas>
<div class="container" id="container" style="display: none;">
<h1>Project</h1>
<div class="wrapper" id="wrapper">
<!-- <div class="top"> -->
<h4 id="status">Connection Status</h4>
<!-- </div> -->
<!-- <span class ="left"><p>left</p></span> -->
<span class="canvasStack">
<canvas oncontextmenu="return false;" class="canvas1" id="canvas" width=0 height=0></canvas>
<canvas oncontextmenu="return false;" class="canvas3" id="hud" width="0" height="0"></canvas>
</span>
<!-- <span class ="right"><p>right</p></span> -->
<!-- <div class="bottom"> -->
<!-- <div class="buttonBar" id="buttonBar"> -->
<!-- <span class="button" no="1"></span>
<span class="button" no="2"></span>
<span class="button" no="3"></span>
<span class="button" no="4"></span>
<span class="button" no="null"></span> -->
<!-- </div> -->
</div>
</div>
</div>
<div class="menu" id="menu">
<input type="text" id="room" value="room">
<input type="text" id="name" value="bob">
<input type="submit" id="submit" value="join">
</div>
</body>
<script src='scripts/script.js' type="module"></script>
</html>