diff --git a/writing/eigengrau/index.html b/writing/eigengrau/index.html
new file mode 100644
index 000000000..e3db63447
--- /dev/null
+++ b/writing/eigengrau/index.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Zk | Eigengrau</title>
+        <link rel="stylesheet" type="text/css" href="/style.css" />
+        <meta name="viewport" content="width=device-width" />
+        <meta charset="utf-8" />
+    </head>
+    <body>
+        <main>
+            <header>
+                <h1>Zk | Eigengrau</h1>
+            </header>
+            <article class="content">
+                <p><span class="tag">writing</span> <span class="tag">poetry</span> <span class="tag">book</span></p>
+<ul>
+<li>Misc</li>
+<li>Unimportant Verse About Important People</li>
+<li>Poems from Missives</li>
+<li>Mental Health</li>
+<li>Gender</li>
+<li>Collected Haiku</li>
+</ul>
+                <span class="control">Expand all</span>
+            </article>
+            <footer>
+                <p>Page generated on 2020-04-21</p>
+            </footer>
+        </main>
+    <script type="text/javascript">
+document.querySelectorAll('li').forEach(el => {
+    if (el.querySelectorAll('li').length !== 0) {
+        el.classList.add('has-nested', 'closed');
+        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');
+    });
+});
+let expanded = false;
+document.querySelector('.control').addEventListener('click', (e) => {
+    expanded = !expanded;
+    if (expanded) {
+        e.target.innerText = 'Collapse all';
+    } else {
+        e.target.innerText = 'Expand all';
+    }
+    document.querySelectorAll('.has-nested').forEach((el) => {
+        if (expanded) {
+            el.classList.remove('closed');
+        } else {
+            el.classList.add('closed')
+        }
+    });
+});
+    </script>
+    </body>
+</html>
diff --git a/writing/index.html b/writing/index.html
index 8ab3efbde..c5e67054e 100644
--- a/writing/index.html
+++ b/writing/index.html
@@ -30,7 +30,7 @@
 <li><a href="jaroudi/index.html">Jaroudi</a></li>
 <li><a href="https://ally.id">ally</a></li>
 <li>Poetry:<ul>
-<li><a href="eigengrau/index.html">Eigengrau</a></li>
+<li><a href="eigengrau.html">Eigengrau</a></li>
 <li><a href="poetry/index.html">Ongoing</a></li>
 </ul>
 </li>
