<script>
    document.getElementById("navbar").innerHTML = "";
</script>



<canvas id="board"></canvas>

<style>
  body {
  margin: 0;
  overflow: hidden;
}
canvas#full {
  background:#DDDDDD;
}
</style>

<script>
// reference to canvas
var can = document.getElementById("board");

function resizeCanvas() {
  can.style.width = window.innerWidth + "px";
  // artifical delay so innerHeight is correct
  setTimeout(function() {
    can.style.height = window.innerHeight + "px";
  }, 0);
};

// Webkit/Blink will fire this on load, but Gecko doesn't.
window.onresize = resizeCanvas;
// So we fire it manually...
resizeCanvas();
</script>

<script>
var can = document.getElementById("board");
var ctx = can.getContext("2d");
ctx.moveTo(10,0);
cts.lineTo(10,90);
ctx.stroke();
</script>