anchor.diff:        box-align: center;
       }
   
  -    html, body{
  -      width: 100%;
  -      height: 100%;
  -    }
  -
  -    canvas {
  -      max-width: 100%;
  -      max-height: 100%;
  -    }
  -
       .hidden {
         display: none;
       }
     </style>
  +
  +  <script>
  +    function scaleDisplay() {
  +      var canvas = document.getElementsByTagName('canvas')[0],
  +
  +          width_scale = window.innerWidth / canvas.width,
  +          height_scale = window.innerHeight / canvas.height,
  +
  +          scale = Math.min(width_scale, height_scale)
  +
  +          width = canvas.width * scale,
  +          height = canvas.height * scale,
  +
  +          sizeStyle = "width:"+width+"px; height:"+height+"px";
  +
  +      canvas.setAttribute('style', sizeStyle);
  +    }
  +  </script>
   </head>
  -<body class="center-content">
  +<body class="center-content" onresize="scaleDisplay()">
     <canvas></canvas>
   
     <div class="hidden">
  
positive.code:   <title>Game</title>
  
    <style>
      body {
        background: black;
        margin: 0;
      }
  
      .center-content {
  
negative.code:   <%= script_include_tag 'game' %>
  
    <%= script_include_tag 'yeah/web/start' %>
  
    <script>scaleDisplay()</script>
  </body>
  </html>
  