Added rendering of Table of Contents

CHANGELOG.md

@@ -23,6 +23,7 @@
     modification of code. See updated `README.me`.
 * Added MathJax support for rendering Latex and math.
 * Added support for PseudocodeJS for rendering beautiful, standard, pseudocode.
+* Table of contents will now render if frontmatter `toc` is set to `true`.
 
 ## 1.1.0
 

assets/css/main.css

@@ -629,3 +629,36 @@ section > .container > .row > .col {
     width: 100%;
   }
 }
+
+/* Styling for table of contents */
+
+#TableOfContents {
+    border: 1px black solid;
+    display: inline-block;
+    padding-right: 40px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: floralwhite;
+    width: 400px;
+    margin-left: 40px;
+    margin-bottom: 10px;
+}
+
+#TableOfContents ul {
+    padding-inline-start: 40px;
+}
+
+#TableOfContents ul,
+#TableOfContents ol {
+    padding-left: 40px;
+    margin-bottom: 10px;
+}
+
+/* Adjusts links within the same page so as to not be covered by the header menu */
+
+:target::before {
+  content: "";
+  display: block;
+  height: calc(1em + var(--ifm-navbar-height)); /* fixed header height*/
+  margin: calc(-1em * (1em + var(--ifm-navbar-height))) 0 0; /* negative fixed header height */
+}

layouts/partials/articles_for_section.html

@@ -3,6 +3,7 @@
 {{ range $index, $element := $paginator.Pages }}
   <article class='post'>
     {{ partial "post_header_list.html" . }}
+    {{ partial "toc.html" . }}
     <section class='post-content'>
       {{.Content }}
     </section>

layouts/partials/toc.html

+{{ .TableOfContents }}