index.html

<html>

<head>
  <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-179077851-1');
  </script>
  <meta charset="UTF-8" />
  <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap" rel="stylesheet">
  <script type="module">
    import init from './target/wasm.js'
    init()
    function auto_focus() {
      let canvas = document.getElementsByTagName("canvas");
      if (!canvas.length) {
        setTimeout(auto_focus, 100);
      } else {
        canvas[0].focus();
      }
    }
  auto_focus();
  </script>
  <style>
    * {
      font-family: 'Source Code Pro', monospace;
      color: #777;
    }
    #board {
      font-size: 2em;
      margin: 0px;
      line-height: 120%;
    }
  </style>
  <body>
    <div>
      <canvas id="bevy-canvas" tabIndex="0" autofocus height="576" width="992"></canvas>
      <p>
        Arrows: move<br />
        Space: set bomb<br />
        Enter: start or restart<br />
        Esc: Exit the game</p>
        <a href="#" onclick="var c = document.getElementById('bevy-canvas'); let x = (c.webkitRequestFullScreen || c.requestFullscreen); x.call(c);">fullscreen</a>
    </div>
  </body>
</html>