From 474c50db3454dbe59a180e31f9b9e365ea76eaa5 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 13:46:47 -0700
Subject: CSS: support table of content

If an entry has the parameter `#+toc` set to `t`, we will enable the
table of content in the page.
---
 layouts/_default/single.html |  7 +++++++
 static/css/custom.css        | 12 ++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 356f344..b4c5443 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -29,6 +29,13 @@
   {{ end }}
 </div>
 
+{{ if .Params.toc }}
+<div class="toc">
+  <strong>Table of Contents</strong>
+  {{ .TableOfContents }}
+</div>
+{{ end }}
+
 {{ .Content }}
 
 {{ end }}
diff --git a/static/css/custom.css b/static/css/custom.css
index b4e37bc..8f776d7 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -140,3 +140,15 @@ nav.menu a.menu-active:hover {
 nav.menu a.menu-active {
     color: #007d9c;
 }
+
+.toc {
+    border: 1px solid black;
+    padding: 1rem;
+    margin-top: 1rem;
+    color: black;
+}
+
+.toc a,
+.toc a.visited {
+    color: black;
+}
-- 
cgit v1.2.3