         <section id=\"main-content\">
         %s
         </section>
-    </div>
+      </div>
+    %s
     </div> <!-- end of app div -->
-    %s
     <script type=\"text/javascript\">%s</script>
   </body>
 </html>"

         "<!DOCTYPE html>
<html>
  <head>
    <link href=\"com/bhauman/figwheel/helper/css/style.css\" rel=\"stylesheet\" type=\"text/css\">
    <link href=\"com/bhauman/figwheel/helper/css/coderay.css\" rel=\"stylesheet\" type=\"text/css\">
  </head>
  <body>
    <div id=\"app\">
      <header>
        <div class=\"container\">
          <div id=\"connect-status\">


(defn connected-signal []
  (add-class (gdom/getElement "connect-status") "connected"))

(defn on-disconnect []
  (remove-class (gdom/getElement "connect-status") "connected"))

;; TODO memoize this into an atom
;; could probably meoize all the pages into an atom
