<!DOCTYPE html> <html> <head> <title></title> <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>No Longer Secret Project</h1> <div class="wrapper"> <div class="canvasStack"> <canvas oncontextmenu="return false;" class="canvas1" id="canvas" width=0 height=0></canvas> <canvas oncontextmenu="return false;" class="canvas2" id="hud" width="0" height="0"></canvas> </div> </div> </div> <div class="menu" id="menu"> <form id="form"> <input type="text" id="room" value="room"> <input type="text" id="name" value="bob"> <input type="submit" id="join" value="join"> </form> </div> <div class="status"> <footer id="status">Connection Status</footer> </div> </body> <script src='script.js'></script> </html>