www/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Genetic-Snake-AI</title>
  </head>
  <link rel="stylesheet" href="style.css">
  <body>
    <h1>
      <a href="https://github.com/Red-Rapious/Genetic-Snake-AI">
        [Genetic-Snake-AI]
      </a>
    </h1>

    <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
    <script src="./bootstrap.js"></script>

    <div id="buttons">
      <button id="train">Train ?? Generations</button>

      <input type="checkbox" id="pause">
      <label for="pause">Pause Training</label>

      <button id="restart">Restart Training</button>
    </div>

    <div id="games-container">
      <canvas id="viewport" width="700" height="700"></canvas>
    </div>

    <div id="infos">
      <div id="generation">Generation: ??</div>
      <div id="best-score">Best score (gen.): ??</div>

      <div id="min-fitness">Min. fitness: ??</div>
      <div id="max-fitness">Max. fitness: ??</div>
      <div id="average-fitness">Average fitness: ??</div>
    </div>
  </body>
</html>