<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>websweeper</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../style.css">
  </head>
  <body>
    <div>
      <div id="board-container">
      <span id="board"></span>
      <div id="cursor-frame"></div>
      </div>
      <form id="identform" style="display: none" action="javascript:;" onsubmit="join()">
        <input id="name-in" type="text" value="anon">
        <input id="clr-in" type="color" value="#33c033"></input>
        <button>Join</button>
      </form>
      <div class="statusline">
        <p id="miscinfo"></p>
        <div>
          <span id="volbutton" style="margin-right: 0">๐Ÿ”ˆ</span>
          <input id="volslider" type="range" min="0" max="1" step="0.01"></div>
        <a href="javascript:navigator.clipboard.writeText(window.location.href);alert('copied link to clipboard');">๐Ÿ”—share</p>
        <a href="javascript:clear_ident();">new identity</p>
        <a href="..">back to lobby</a>
      </div>
    </div>
  </body>
  <script src="https://unpkg.com/fflate"></script>
  <script src="../client.js"></script>
</html>