diff --git a/site/public/examples/quake.ejs b/site/public/examples/quake.ejs
index afdab0c..8bc7fac 100644
--- a/site/public/examples/quake.ejs
+++ b/site/public/examples/quake.ejs
@@ -6,10 +6,11 @@
 
 <div class='ui raise segment'>
 <div class='ui blue ribbon label'>HTML</div>
-<pre><code class='language-html'>&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
-&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
+<pre><code class='language-html'>&lt;h1&gt;Earthquakes: 2013&lt;/h1&gt;
 &lt;ul id='magnitudes'&gt;&lt;/ul&gt;
 
+&lt;canvas id='quakeCanvas'&gt;&lt;/canvas&gt;
+
 &lt;div id='controls'&gt;
   &lt;div&gt;
     &lt;input id='slider' type='range' min='0' max='100' step='0.1' value='0'&gt;
diff --git a/site/public/examples/quake/_layout.ejs b/site/public/examples/quake/_layout.ejs
index 4ed7866..94b35b5 100644
--- a/site/public/examples/quake/_layout.ejs
+++ b/site/public/examples/quake/_layout.ejs
@@ -17,6 +17,7 @@
       padding: 0;
       margin: 0;
       list-style: none;
+      z-index: 10;
     }
 
     h1 {
@@ -25,6 +26,7 @@
       left: 5px;
       padding: 0;
       margin: 0;
+      z-index: 10;
     }
 
     canvas {
@@ -32,7 +34,7 @@
       top: 60px;
       left: 0;
       right: 0;
-      bottom: 0;
+      bottom: 0px;
       cursor: move;
     }
 
diff --git a/site/public/examples/quake/index.ejs b/site/public/examples/quake/index.ejs
index 48a5c7b..ef481d9 100644
--- a/site/public/examples/quake/index.ejs
+++ b/site/public/examples/quake/index.ejs
@@ -1,12 +1,13 @@
-<canvas id='quakeCanvas'></canvas>
 <h1>Earthquakes: 2013</h1>
 <ul id='magnitudes'></ul>
 
+<canvas id='quakeCanvas'></canvas>
+
 <div id='controls'>
   <div>
     <input id='slider' type='range' min='0' max='100' step='0.1' value='0'>
   </div>
   <div>
-    <span id='date'></span>&nbsp;
+    <span id='date'>Loading...</span>
   </div>
 </div>