snej/main.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>snej</title>
    <style>
      * { padding: 0; margin: 0; }
      body { background: black; color: white; font-family: monospace; }
      div { text-align: center; }
      canvas {
        background: magenta;
        display: block;
        margin: 0 auto;
        margin-top: 8px;
        margin-bottom: 8px;
        padding: 1px;
        image-rendering: pixelated;
      }
    </style>
  </head>
  <body>
    <!-- SNES resolution: 256x224. 4x scaled: 1024 x 896. -->
    <canvas id="canvas" width="256" height="224"></canvas>
    <div id="debug"></div>
    <button id="1x">1x</button>
    <button id="2x">2x</button>
    <button id="3x">3x</button>
    <button id="4x">4x</button>
    <button id="5x">5x</button>
    <script src="main.js"></script>

  </body>
</html>