perf: replace tocbot with statically generated toc

Generate TOC with Hugo's built-in {{ .TableOfContents }} and add minimal script to implement collapsible list and active styles.

Encapsulate TOC as a component where all JavaSript and CSS is in one place with HTML.

Configure markup.

1 files changed, 0 insertions, 14 deletions

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index bfe80ad5..d23ceed4 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -7,24 +7,10 @@
       <!-- Content -->
       <div id="post-content" class="post-content markdown-body"
           style="view-transition-name: post-content-{{ .File.UniqueID }}">
-        {{ if .Params.toc }}
-        <div id="toc-container"><div id="toc"></div></div>
-        {{ end }}
         {{ .Site.Params.postHeaderContent | safeHTML }}
         {{ .Content }}
       </div>
 
-      <script src="/js/tocbot.min.js"></script>
-      <script>
-      tocbot.init({
-        tocSelector: '#toc',
-        contentSelector: '#post-content',
-        headingSelector: 'h2, h3:not(blockquote > h3)',
-        hasInnerContainers: true,
-        scrollSmoothOffset: -30
-      });
-      </script>
-
     </article>
     {{ partial "footer.html" . }}
 {{ end }}