Adjustable size of canvas... fullscreen mode doesn't work

prototype/index.md

@@ -2,20 +2,27 @@
 title: Prototype
 layout: withjs
 extrajs: <script src="/static/js/prototype/main.js"></script>
+extrahead: <link rel="stylesheet" href="/static/css/prototype.css" />
 ---
-## 3D Interface
+<div id="main-div">
 
+<h2>3D Interface</h2>
+
+<p>
 This is the prototype of a 3D interface. You can move the camera with the arrow
 keys of your keyboard, and change the angle of the camera by dragging and
 dropping the scene around it (you can also use your numpad, 2 to look lower, 8
 to look higher, 4 to look on the left and 6 to look on the right, but if you're
 more comfortable with non-numpad keys, you can also use i for up, j for left, k
 for down, and l for right).
+</p>
 
+<p>
 Recommended views are displayed with a transparent red arrow.  They disappear
 when you come closer to them, and you can automatically move to them by
 clicking on them. You can reset the camera at anytime by clicking on the reset
 button.
+</p>
 
 <button class="btn btn-primary" id="full" style="margin-bottom: 10px;">Fullscreen</button>
 <button class="btn btn-primary" id="reset" style="margin-bottom:10px">Reset camera</button>
@@ -26,4 +33,6 @@ button.
 <input type="checkbox" id="showarrows" style="margin-bottom:10px" checked>
 <label for="showarrows">Show arrows</label>
 
+</div>
+
 <div id="container" style="padding: 0px; margin: 0px;"></div>