<html>
  <head>
    <script src="field_main_bundle.min.js" defer></script>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div id="field"> </div>
    <div id="legend"> </div>
    <div id="readouts">
      <table>
        <tr>
          <th colspan="2">Robot State</th>
        </tr>
        <tr>
          <td>X</td>
          <td id="x"> NA </td>
        </tr>
        <tr>
          <td>Y</td>
          <td id="y"> NA </td>
        </tr>
        <tr>
          <td>Theta</td>
          <td id="theta"> NA </td>
        </tr>
      </table>

      <table>
        <tr>
          <th colspan="2">Images</th>
        </tr>
        <tr>
          <td> Images Accepted </td>
          <td id="images_accepted"> NA </td>
        </tr>
      </table>
    </div>
    <div id="vision_readouts">
    </div>
  </body>
</html>