bugfix: markdown text was visible before page load

resources/public/js/main.js

@@ -33,7 +33,8 @@ var updatePreview = function(){
     }, delay);
 };
 
-if($action){
+function loadPage() {
+    if($action){
         if($action.value == "update") updatePreview(); else $draft.value = "";
         $draft.onkeyup = updatePreview;
         $("publish-button").onclick = function(e) {
@@ -42,9 +43,11 @@ if($action){
             $("session-value").value = hash($draft.value + $("session-key").value);
         }
         if(iosDetected) $draft.className += " ui-border"; else $draft.focus();
-}
+    }
 
-var mdDocs = document.getElementsByClassName("markdown");
-for(var i = 0; i < mdDocs.length; i++){
+    var mdDocs = document.getElementsByClassName("markdown");
+    for(var i = 0; i < mdDocs.length; i++){
         mdDocs[i].innerHTML = marked(mdDocs[i].innerHTML);
+        show(mdDocs[i]);
+    }
 }

resources/public/style.less

@@ -143,7 +143,7 @@ textarea {
     font-size: 1em;
     height: 500px;
 }
-.hidden {
+.hidden, .markdown {
     display: none;
 }
 h1 {

src/NoteHub/views/common.clj

@@ -40,10 +40,6 @@
                :rel "stylesheet"
                :type "text/css"}]
        [:link {:rel "stylesheet/less" :type "text/css" :href "/style.less"}]
-       ; google analytics code should appear in prod mode only
-       (if-not (dev-mode?) (include-js "/js/google-analytics.js"))]
-      [:body content
-       ; we only need JS during a new note creation, so don't render it otherwise
        (html
          (include-js "/js/less.js")
          (include-js "/js/md5.js")
@@ -57,7 +53,10 @@
                               '@foreground_halftone': themes['" theme "'].foreground.halftone,
                               '@link_fresh': themes['" theme "'].link.fresh,
                               '@link_visited': themes['" theme "'].link.visited,
-                          '@link_hover': themes['" theme "'].link.hover});")))])))
+                              '@link_hover': themes['" theme "'].link.hover});")))
+       ; google analytics code should appear in prod mode only
+       (if-not (dev-mode?) (include-js "/js/google-analytics.js"))]
+      [:body {:onload "loadPage()"} content])))
 
 (defn layout
   "Generates the main html layout"