<!DOCTYPE html>
<html>
  <body>
    <h1>QRcade</h1>
    <p>Spencer Kee & Stephen Downward</p>

    <div id="loadingMessage">🎥 Unable to access video stream (please make sure you have a webcam enabled)</div>
    <canvas id="canvas" hidden></canvas>
    <canvas id="nes-canvas" width="256" height="240" style="width: 50%"></canvas>
    <br>
    <button id="up">Up</button>
    <button id="down">Down</button>
    <button id="left">Left</button>
    <button id="right">Right</button>
    <button id="a">A</button>
    <button id="b">B</button>
    <button id="start">Start</button>
    <button id="select">Select</button>
    <div id="output" hidden>
      <div id="latency"></div>
      <div id="scan"></div>
      <div><span id="outputData"></span></div>
    </div>
  </body>
  <head>
    <script type="module" src="app.js"></script>
  </head>
</html>