<!DOCTYPE html> <html> <head> <title></title> <script src="http://localhost:35729/livereload.js" charset="utf-8"></script> <script type="text/javascript" src="socket.io.min.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> <main> <div id="game"> <span id="leftBar"> <p id="status">Connection Status</p> </span> <span id="rightBar"> <div class="canvasContainer"> <canvas oncontextmenu="return false;" id="canvas" width=0 height=0></canvas> </div> </span> </div> <div class="menu" id="menu" style="display: none;"> <input type="text" id="room" value="room"> <input type="text" id="name" value="bob"> <input type="submit" id="submit" value="join"> </div> </main> </body> <script src='scripts/script.js' type="module"></script> </html>