index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Snake</title>
    <style>
      .collision {
        background-color: red;
      }
      .snake {
        background-color: black;
      }
      .food {
        background-color: green;
      }
      #main > table {
        box-sizing: border-box;
        border-collapse: collapse;
        border: 1px solid #ddd;
      }
      #main > table td {
        margin: 0;
        padding: 0;
        width: 1em;
        height: 1em;
        border: none;
      }
    </style>
  </head>
  <body>
    <h1>Snake</h1>
    <h2>Score: <span id="score"></span></h2>
    <h2>Rate: <span id="rate"></span> nodes per second</h2>
    <button id="new-game">New Game</button>
    </br>
    </br>
    <div id="main"></div>
    <script data-main="scripts/main.js" src="scripts/lib/require.js"></script>
  </body>
</html>