update from sparkleup

default.tpl

@@ -26,6 +26,9 @@ document.querySelectorAll('li').forEach(el => {
         el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
     }
 });
+document.querySelectorAll('.toc .has-nested').forEach(el => {
+    el.classList.remove('has-nested', 'closed');
+});
 document.querySelectorAll('li.has-nested').forEach(el => {
     el.querySelector('.toggle').addEventListener('click', () => {
         el.classList.toggle('closed');

writing/post-self/qoheleth/index.html

@@ -13,6 +13,19 @@
             </header>
             <article class="content">
                 <p><span class="tag">writing</span> <span class="tag">post-self</span> <span class="tag">qoheleth</span> <span class="tag">fiction</span> <span class="tag">scifi</span> <span class="tag">outline</span> <span class="tag">novel</span></p>
+<div class="toc">
+<ul>
+<li><a href="#cast">Cast</a><ul>
+<li><a href="#thread-1">Thread 1</a></li>
+<li><a href="#thread-2">Thread 2</a></li>
+</ul>
+</li>
+<li><a href="#general-outline">General outline</a></li>
+<li><a href="#synopsis">Synopsis</a></li>
+<li><a href="#todo">Todo</a></li>
+<li><a href="#order-and-status">Order and status</a></li>
+</ul>
+</div>
 <p>The basic structure is in two threads: the plot from Qoheleth intertwined with the plot from Exocortices, with the shared theme of memory and forgetting. Dear can't forget RJ, RJ can't forget information while lost. The lost lead to tech required for uploading.</p>
 <p>Includes appendix about both threads.</p>
 <h2 id="cast">Cast</h2>
@@ -257,6 +270,9 @@ document.querySelectorAll('li').forEach(el => {
         el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
     }
 });
+document.querySelectorAll('.toc .has-nested').forEach(el => {
+    el.classList.remove('has-nested', 'closed');
+});
 document.querySelectorAll('li.has-nested').forEach(el => {
     el.querySelector('.toggle').addEventListener('click', () => {
         el.classList.toggle('closed');