index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119058657-2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-119058657-2');
    </script>
    <meta charset="utf-8">
    <title>Infinity Run</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
    <h1>Infinity Run</h1>
    <div class="game-holder">
      <canvas id="game"></canvas>
      <div id="game-over" class="hide">
        <h2>Game Over!</h2>
        <p class="result"></p>
        <div class="start-game-button button hide">Play Again</div>
      </div>
      <div class="sound-toggle muted">
      </div>
      <div class="start-game-button button home hide">Start Game</div>
      <div class="instructions">
        <div class="content">
          <h2>How to Play</h2>
          <p>Press <span class="key">space</span> to jump, press <span class="key">g</span> to reverse gravity.</p>
          <p>You can only reverse gravity when you are touching solid ground.</p>
          <p>Try to make it as far as you can!</p>
          <div class="initial start-game-button button hide">Start Game</div>
        </div>
      </div>
      <p class="high-score hide">High Score: <span class="score">0</span></p>
    </div>
    <footer>
      <div class="bottom-links">
        <a href="https://github.com/Ian-MacLeod">Github</a>
        <a href="https://www.linkedin.com/in/ian-macleod-6421a2137/">LinkedIn</a>
      </div>
      <div class="how-to-play button">How to Play</div>
    </footer>
    <script src="bundle.js"></script>
  </body>
</html>