fix display issues

blog/assets/style.css

@@ -471,3 +471,7 @@ img {
 afx-hbox.inputbox {
     border-bottom: 1px solid #e5e5e5;
 }
+table.hljs-ln tr {
+    background-color: transparent !important;
+    border:0 !important;
+}

blog/views/default/layout.ls

@@ -21,6 +21,7 @@
         <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/rst/font-awesome.css" />
         <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/rst/afx.css" />
         <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/assets/style.css" />
+        <link rel="stylesheet" type="text/css" href="<?=HTTP_ROOT?>/assets/github-markdown.css" />
 
         <link rel="stylesheet" type="text/css" href="https://chat.iohub.dev/assets/quicktalk.css" />
         <script src="https://chat.iohub.dev/assets/quicktalk.js"> </script>

blog/views/default/post/detail.ls

@@ -29,7 +29,7 @@
         <!--div class="g-plusone" data-action="share" data-size="medium" data-href="<?=url?>"></div-->
         <a class="twitter-share-button" href='https://twitter.com/intent/tweet?url=<?=url?>&text=<?=data.title?>'></a>
     </div>
-    <div class = "blogentry">
+    <div class = "blogentry markdown-body">
         <div class = "shortcontent">
             <?lua
                 local r, s = content:find("<hr/?>")
@@ -54,7 +54,7 @@
         end?>
         <h1 class = "commentsec">Comments</h1>
         <div>
-        The comment editor supports <b>Markdown</b> document format. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
+        The comment editor supports <b>Markdown</b> syntax. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
         </div>
         <div id="quick_talk_comment_thread"></div>
     </div>

blog/views/default/post/posts.ls

@@ -36,7 +36,7 @@
         <!--div class="g-plusone" data-action="share" data-size="medium" data-href="<?=url?>"></div-->
         <a class="twitter-share-button" href='https://twitter.com/intent/tweet?url=<?=url?>&text=<?=data.title?>'></a>
     </div>
-    <div class = "blogentry">
+    <div class = "blogentry markdown-body">
         <div class = "shortcontent">
             <?lua
                 local content = data.rendered:gsub("%%","%%%%")

doc/assets/style.css

@@ -322,3 +322,19 @@ model-viewer {
     padding-top: 10px;
     padding-bottom: 0px;
 }
+
+h1, h2, h3, h4, h5 { 
+    text-align: left;
+}
+
+div.doc-toc ul li { 
+    text-align: left;
+}
+table.hljs-ln tr, table.hljs-ln td {
+    background-color: transparent !important;
+    border:0 !important;
+}
+
+table.hljs-ln td { 
+    padding: 3px 3px !important;
+}

doc/views/default/index/index.ls

@@ -98,7 +98,7 @@
 <div class = "commentsec">
 <h3 class = "comment-header">Comments</h1>
 <div>
-The comment editor supports <b>Markdown</b> document format. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
+The comment editor supports <b>Markdown</b> syntax. Your email is necessary to notify you of further updates on the discussion. It will be hidden from the public.
 </div>
 <div id="quick_talk_comment_thread"></div>
 </div>

doc/views/default/layout.ls

@@ -53,6 +53,10 @@ local url = __main__:get("url")
             rel="stylesheet"
             type="text/css"
             href="<?=HTTP_ROOT?>/assets/style.css" />
+        <link
+            rel="stylesheet"
+            type="text/css"
+            href="<?=HTTP_ROOT?>/assets/github-markdown.css" />
         <link
             rel="stylesheet"
             type="text/css"
@@ -109,7 +113,7 @@ local url = __main__:get("url")
                     ?>
                 </div>
         
-                <div class="doc-content">
+                <div class="doc-content markdown-body">
                     <?lua
                         if __main__ then
                             __main__:render()

talk/assets/quicktalk.js

@@ -18,7 +18,7 @@ class QuickTalk {
                 this.instant_compose.parentNode.removeChild(this.instant_compose);
             }
             this.instant_compose = this.compose(editor, 0, true, (data) => {
-                this.show_comment(container, data, true).scrollIntoView();
+                this.show_comment(container, data, true);//.scrollIntoView();
             });
         });
     }
@@ -196,7 +196,7 @@ class QuickTalk {
         container.appendChild(preview);
         container.appendChild(footer);
         at.appendChild(container);
-        container.scrollIntoView();
+        //container.scrollIntoView();
         return container;
     }
     load_thread(at) {