diff --git a/.style.css.swp b/.style.css.swp
new file mode 100644
index 000000000..4a5e1ee89
Binary files /dev/null and b/.style.css.swp differ
diff --git a/default.tpl b/default.tpl
index 853fce8ea..226c10a2b 100644
--- a/default.tpl
+++ b/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');
diff --git a/writing/post-self/qoheleth/index.html b/writing/post-self/qoheleth/index.html
index 91348b9c5..6c429fa38 100644
--- a/writing/post-self/qoheleth/index.html
+++ b/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');