generators/hugo/single.html: Add table of contents switch

2 files changed, 13 insertions, 4 deletions

diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css
index 0ff9a0e..a9c0658 100644
--- a/public/css/tdro-dark.css
+++ b/public/css/tdro-dark.css
@@ -5,8 +5,8 @@ a { color: #75b2f0; }
 a.navbar-item:hover { color: #fff !important; }
 a:hover img { filter: brightness(100%); }
 img { box-shadow: none; filter: brightness(75%); }
-body, .sans-serif > a, .serif > a { color: #cad6e2 }
-.article__list li:hover { background-color: #003247; }
+body, .sans-serif > a, .serif > a, nav#TableOfContents a { color: #cad6e2 }
+.article__list li:hover, nav#TableOfContents li:hover { background-color: #003247; }
 .leftnote, .rightnote { color: #a9bdd0; }
 .medium-zoom-overlay { background-color: #001f2c; background-color: rgba(0, 31, 44, .9); }
 .navbar-item, .subtitle, .has-text-grey-dark { color: #ddd !important; }
diff --git a/public/css/tdro.css b/public/css/tdro.css
index ec47524..1969f7b 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -1333,7 +1333,7 @@ fieldset[disabled] .button {
 
 
 .content li + li {
-  margin-top: 0.25em;
+  margin-top: 0.5em;
 }
 
 .content p:not(:last-child),
@@ -4288,7 +4288,7 @@ a code { color: #0147b7; }
 
 .article__date { margin-bottom: 0.75rem; }
 .article__divider { background-color: transparent; }
-.article__title {
+.article__title, nav#TableOfContents a {
   white-space: nowrap;
   overflow: hidden;
   display: block;
@@ -4302,6 +4302,7 @@ a code { color: #0147b7; }
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    padding-left: 1rem;
 }
 
 .webring li { padding-top: 1em; }
@@ -4388,6 +4389,14 @@ figcaption { font-size: 0.9em; margin-top: 1.5em; }
 .has-margin-bottom-lg { margin-bottom: 1em !important; }
 .has-spacing-widest { letter-spacing: 0.1em }
 
+/* table of contents */
+
+details summary { cursor: pointer;}
+
+nav#TableOfContents li:hover { background-color: #f1f1f1; }
+nav#TableOfContents ul { margin: 0; }
+nav#TableOfContents a { display: block; color: #222; padding-left: 0.5rem; font-size: 0.9rem; }
+
 /* tufte css */
 
 .leftnote {