index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Shapez Game 🧱</title>
    <meta charset="UTF-8" />
    <link rel="icon" href="#" />
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./game.css" />
  </head>

  <body>
    <div id="modal">
      <h1>Shapez 🧱</h1>
      <p>Movement: <kbd>W</kbd><kbd>A</kbd><kbd>S</kbd><kbd>D</kbd></p>
      <p>Rotate: <kbd>R</kbd></p>
      <button class="modal-btn" value="start">Start</button>
      <button class="modal-btn" value="restart" style="display: none;">
        Restart
      </button>
    </div>
    <div id="root">
      <div>
        <div id="grid"></div>
        <div
          style="
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
          "
        >
          <h3 id="score">Score: 0</h3>
          <a
            title="Github"
            href="https://github.com/Kapatid/shapez-game"
            target="_blank"
          >
            <svg
              style="cursor: pointer;"
              enable-background="new 0 0 32 32"
              height="32px"
              id="Layer_1"
              version="1.0"
              viewBox="0 0 32 32"
              width="32px"
              xml:space="preserve"
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
            >
              <path
                clip-rule="evenodd"
                d="M16.003,0C7.17,0,0.008,7.162,0.008,15.997  c0,7.067,4.582,13.063,10.94,15.179c0.8,0.146,1.052-0.328,1.052-0.752c0-0.38,0.008-1.442,0-2.777  c-4.449,0.967-5.371-2.107-5.371-2.107c-0.727-1.848-1.775-2.34-1.775-2.34c-1.452-0.992,0.109-0.973,0.109-0.973  c1.605,0.113,2.451,1.649,2.451,1.649c1.427,2.443,3.743,1.737,4.654,1.329c0.146-1.034,0.56-1.739,1.017-2.139  c-3.552-0.404-7.286-1.776-7.286-7.906c0-1.747,0.623-3.174,1.646-4.292C7.28,10.464,6.73,8.837,7.602,6.634  c0,0,1.343-0.43,4.398,1.641c1.276-0.355,2.645-0.532,4.005-0.538c1.359,0.006,2.727,0.183,4.005,0.538  c3.055-2.07,4.396-1.641,4.396-1.641c0.872,2.203,0.323,3.83,0.159,4.234c1.023,1.118,1.644,2.545,1.644,4.292  c0,6.146-3.74,7.498-7.304,7.893C19.479,23.548,20,24.508,20,26c0,2,0,3.902,0,4.428c0,0.428,0.258,0.901,1.07,0.746  C27.422,29.055,32,23.062,32,15.997C32,7.162,24.838,0,16.003,0z"
                fill="#181616"
                fill-rule="evenodd"
              />
            </svg>
          </a>
        </div>
      </div>
    </div>

    <script type="module" src="./game.js"></script>
  </body>
</html>