add 3 kinds of buttons to open toc content

layouts/_default/single.html

@@ -2,7 +2,7 @@
 {{ if .Params.toc }}
 {{ partial "toc.html" . }}
 {{ end }}
-<h1 class="mt-8 mb-6">{{ .Title }}</h1>
+<h1 class="mt-6 mb-6">{{ .Title }}</h1>
 <div class="mb-3 text-xs flex justify-between sm:flex-col">
 	<div>
 	{{ if .Site.Params.displayDate }}

layouts/partials/header.html

@@ -1,4 +1,4 @@
-<header class="flex justify-between items-center sm:my-3">
+<header class="flex justify-between items-center mb-6 sm:my-3">
   <div class="flex items-center">
     {{ if .Site.Params.brand }}
     <div class="mr-3 text-3xl"><a href="/">{{ .Site.Params.brand }}</a></div>

layouts/partials/toc.html

@@ -1,6 +1,26 @@
-<details class="toc mt-8">
-  <summary>Table of Contents</summary>
-  <div>
+{{ if eq .Site.Params.toc "default" }}
+<details class="toc toc-default">
+  <summary></summary>
+  <div class="pb-1">
     {{ .TableOfContents }}
   </div>
-</details>
+</details>
+{{ end }}
+
+{{ if eq .Site.Params.toc "bar" }}
+<details class="toc toc-bar">
+  <summary></summary>
+  <div class="pb-1">
+    {{ .TableOfContents }}
+  </div>
+</details>
+{{ end }}
+
+{{ if eq .Site.Params.toc "lines" }}
+<details class="toc toc-lines">
+  <summary></summary>
+  <div class="pb-1">
+    {{ .TableOfContents }}
+  </div>
+</details>
+{{ end }}