feat: ordered list rendering

realaravinth · Jan 16, 2022 · df14f8b · df14f8b
1 parent 25abc19
commit df14f8b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/templates/main.css b/templates/main.css
@@ -72,6 +72,8 @@ code {
 
 .code-block {
   display: block;
+  margin: 5px 0;
+  padding: 20px;
 }
 
 iframe {
@@ -145,3 +147,7 @@ blockquote {
   border-left: 4px solid #333;
   font-style: italic;
 }
+
+ol, ul {
+  margin-left: 40px;
+}
diff --git a/templates/post.html b/templates/post.html
@@ -4,6 +4,7 @@
     <. include!("./post_meta.html"); .>
   </head>
   <body>
+    <. let mut open_list = false ; .>
     <main class="container">
       <h1><.= data.title .></h1>
       <p class="meta">
@@ -20,6 +21,9 @@ <h1><.= data.title .></h1>
       <article>
         <. let paragraphs = &data.content.body_model.paragraphs; .>
         <. for (pindex, p) in paragraphs.iter().enumerate() {.>
+          <. if open_list && p.type_ != "OLI" { .>
+            </ol>
+          <. } .>
           <. if pindex == 0 && p.type_ == "H3" {.>
             <. continue; .>
           <.}.>
@@ -50,6 +54,12 @@ <h6><.= p.text .></h6>
             <.} else {.>
               <iframe src="<.= src .>" frameborder="0"></iframe>
             <.}.>
+            <.} else if p.type_ == "OLI" {.>
+              <. if !open_list { .>
+                  <. open_list = true;.>
+                  <ol>
+              <. } .>
+              <li><.= p.text .></li>
             <.} else {.>
                   <p>
                     <. include!("./_markup.html"); .>