shapes all rendered in upper left corner

This was because the canvas area was 0 by 0 at document read. Now use
the resize method to change canvas size before shapes are created, so
that they spread around the board correctly.
event listener for resize was incorrectly written

removed () which registers it properly now
Merge branch 'master' into development