<!DOCTYPE html>
<html>

<head>
  <title>Cheese Finder</title>
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="styles.css">
</head>
<h1>&#129472; Cheese Finder</h1>

<body>

  <p>Take it in turns to play. Click the buttons to sniff for cheeses. 
    Clicked buttons show you how far away the cheese is.
    Each button colour represents a particular distance.</p>
  <p>Play to find the cheese, or to avoid it.</p>
  <p>You get a different game every hour.</p>
  <p id="counterPar"></p>
  <p id="buttonPar"> </p>
  <p>
    <a href="https://begintocodecloud.com/"> Begin to Code Cloud</a>
</p>

  <script type="module">
    import { doPlayGame } from "./client.mjs";
    doPlayGame();
  </script>
</body>

</html>