<!DOCTYPE html> <html lang="en"> <head> <title>Big Blue Is You!</title> <link rel="stylesheet" href="styles/style.css"> </head> <body> <div style="text-align:center"> <div class="canvas-holder"> <canvas id="game-canvas" width="1000" height="1000"></canvas> <div class="game-hud" id="hud"> <p>Hello, world!</p> </div> <div class="menu" style="display: none" id="menu"> </div> </div> </div> <script> const game = { canvas: { width: document.getElementById('game-canvas').width, height: document.getElementById('game-canvas').height, } }; </script> <script data-main = "src/bootstrap" src = "src/require.js"></script> </body> </html>