update from sparkleup

diary/2020-04-09.html

@@ -37,6 +37,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');

diary/2020-04-10.html

@@ -38,6 +38,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');

diary/diary.html

@@ -31,6 +31,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');

index.html

@@ -30,6 +30,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');

stream.html

@@ -38,6 +38,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');

style.css

@@ -124,3 +124,18 @@ h1, h2, h3, h4, h5, h6 {
     text-decoration: underline;
     padding: 2px;
 }
+
+.toc {
+    display: inline-block;
+    border: 1px solid #888888;
+    padding: 1rem;
+}
+
+.toc:before {
+    content: 'Contents';
+    font-weight: bold;
+}
+
+.toc ul {
+    margin: 0;
+}

writing/index.html

@@ -57,6 +57,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/index.html

@@ -51,6 +51,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/Carter/001-a.html

@@ -43,6 +43,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/Carter/001-b.html

@@ -41,6 +41,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/Carter/002.html

@@ -98,6 +98,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/Carter/003.html

@@ -99,6 +99,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/Carter/004.html

@@ -77,6 +77,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/Carter/005.html

@@ -75,6 +75,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/Carter/006.html

@@ -54,6 +54,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/Carter/007.html

@@ -88,6 +88,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/Carter/008.html

@@ -81,6 +81,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/Carter/009.html

@@ -104,6 +104,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/Carter/010.html

@@ -69,6 +69,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/Carter/011.html

@@ -27,6 +27,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/Carter/012.html

@@ -27,6 +27,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/Carter/013.html

@@ -27,6 +27,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/Ioan/001.html

@@ -49,6 +49,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/Ioan/002.html

@@ -76,6 +76,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/Ioan/003-a.html

@@ -54,6 +54,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/Ioan/003-b.html

@@ -70,6 +70,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/Ioan/003-c.html

@@ -63,6 +63,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/Ioan/003-d.html

@@ -68,6 +68,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/Ioan/004.html

@@ -50,6 +50,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/Ioan/005.html

@@ -90,6 +90,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/Ioan/006-b.html

@@ -105,6 +105,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/Ioan/006.html

@@ -127,6 +127,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/Ioan/007.html

@@ -39,6 +39,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/Ioan/008.html

@@ -44,6 +44,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/Ioan/009.html

@@ -69,6 +69,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/Ioan/010.html

@@ -61,6 +61,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/Ioan/011.html

@@ -30,6 +30,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/Qoheleth/001-a.html

@@ -144,6 +144,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/Qoheleth/001-b.html

@@ -59,6 +59,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/Qoheleth/002.html

@@ -43,6 +43,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');