diff --git a/farewell/index.html b/farewell/index.html
new file mode 100644
index 0000000..f9f868c
--- /dev/null
+++ b/farewell/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>Farewell - Hazelnut</title>
+        <link rel="stylesheet" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;style.css" />
+        <link rel="icon" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;favicon.png" />
+        
+    </head>
+    <body>
+        <header>
+    <h1 class="site-title">Hazel&#x27;s Site</h1>
+    <nav>
+        <ul>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev">
+                        Home
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;glog">
+                        GLOG Rules
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;tabletop">
+                        Tabletop Shit
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;pics.hazelnut.dev">
+                        Photos
+                    </a>
+                </li>
+            
+        </ul>
+    </nav>
+</header>
+
+        <div id="content">
+            
+
+<h1 class="post-title">Farewell</h1>
+<p class="post-date">2020-12-23</p>
+
+
+
+<p>I must stress first and completely that if you are reading this, none of this is
+remotely your fault in any way and please try your best not to blame yourself
+at all.</p>
+<p>My thoughts are really far to disorganized and scattered right now to really
+figure out, much less describe in words, why it is that I am ultimately even
+having this crisis in the first place. What I do know is that I am in pain, I am
+confused, I can not really think straight, and I am scared. I am sorry for all
+of the pain and complication this will cause everyone, but I honestly can not
+really deal with myself any longer. This happens over and over and it gets worse
+every single time. My attachment to reality is so inconsistent and discontinuous
+and confusing now anyway that I honestly have a hard time convincing myself that
+this is not just some stupid dream.</p>
+<p>Gale, you are such an amazing person, still not really sure how you are a real
+human that exists. You have spent so much of your own time and energy looking
+out for and protecting me and I really do apreciate it. I am sorry for it
+ultimately not paying off.</p>
+<p>Ash, I am sorry to be putting you through this stuppid shit again and I know
+that it will probably be so much worse with me than it was with our dad.
+Please try your hardest to stay strong and keep being such an amazing and cool
+and talented person. Take care of Ibsen and Willow.</p>
+<p>Lynn you are the most important person to me and I honestly can not believe
+you put up with me this long, but you did.
+I know you have some of the parts of me, so please be careful.
+Take care of Kloey.</p>
+<p>I love all of you so much.</p>
+<p>Farewell,</p>
+<blockquote>
+<p>Hazel</p>
+</blockquote>
+
+
+
+        </div>
+        <div id="footer">
+            
+            
+        </div>
+    </body>
+</html>
diff --git a/glog/index.html b/glog/index.html
index b735e3f..01d9f73 100644
--- a/glog/index.html
+++ b/glog/index.html
@@ -11,26 +11,47 @@
     </head>
     <body>
         <header>
+    <h1 class="site-title">Hazel&#x27;s Site</h1>
     <nav>
-        
-        <a href="https:&#x2F;&#x2F;hazelnut.dev">
-            Home
-        </a>
-        
-        <a href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;glog">
-            GLOG Rules
-        </a>
-        
-        <a href="https:&#x2F;&#x2F;pics.hazelnut.dev">
-            Photos
-        </a>
-        
+        <ul>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev">
+                        Home
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;glog">
+                        GLOG Rules
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;tabletop">
+                        Tabletop Shit
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;pics.hazelnut.dev">
+                        Photos
+                    </a>
+                </li>
+            
+        </ul>
     </nav>
 </header>
 
         <div id="content">
             
-<h1>Table of Contents</h1>
+
+<h1 class="post-title">Habeline GLOG</h1>
+<p class="post-date">2020-06-17</p>
+
+
+<h1>Table of Contents <span id="toc-toggle">[-]</span></h1>
+<div id="toc">
 <ul>
 
     <li>
@@ -204,6 +225,30 @@
     </li>
 
 </ul>
+</div>
+<script>
+ var shown = false;
+ var toggle = document.getElementById("toc-toggle");
+ var toc = document.getElementById("toc");
+
+ function update() {
+     if (shown) {
+         toc.style.display = "block";
+         toggle.innerHTML = "[-]";
+     } else {
+         toc.style.display = "none";
+         toggle.innerHTML = "[+]";
+     }
+ }
+ 
+ toggle.parentNode.addEventListener("click", function() {
+     shown = !shown;
+     update();
+ });
+
+ update();
+</script>
+
 
 <h1 id="core-rules">Core Rules</h1>
 <h2 id="stats">Stats</h2>
@@ -517,6 +562,7 @@
 <p>At level 10 and above, a PC who dies can attempt to fight death. Should they best whatever reaper or being has come to collect their soul, they can return to life or possibly work out some other deal. Future saves to avoid death will be at a penalty.</p>
 
 
+
         </div>
         <div id="footer">
             
diff --git a/index.html b/index.html
index 2e77fa8..c5fd2ee 100644
--- a/index.html
+++ b/index.html
@@ -11,20 +11,35 @@
     </head>
     <body>
         <header>
+    <h1 class="site-title">Hazel&#x27;s Site</h1>
     <nav>
-        
-        <a href="https:&#x2F;&#x2F;hazelnut.dev">
-            Home
-        </a>
-        
-        <a href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;glog">
-            GLOG Rules
-        </a>
-        
-        <a href="https:&#x2F;&#x2F;pics.hazelnut.dev">
-            Photos
-        </a>
-        
+        <ul>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev">
+                        Home
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;glog">
+                        GLOG Rules
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;tabletop">
+                        Tabletop Shit
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;pics.hazelnut.dev">
+                        Photos
+                    </a>
+                </li>
+            
+        </ul>
     </nav>
 </header>
 
diff --git a/robots.txt b/robots.txt
index 5d61141..1f53798 100644
--- a/robots.txt
+++ b/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Sitemap: https://hazelnut.dev/sitemap.xml
+Disallow: /
diff --git a/sitemap.xml b/sitemap.xml
index d52b498..0ff35e6 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -3,8 +3,15 @@
     <url>
         <loc>https://hazelnut.dev/</loc>
     </url>
+    <url>
+        <loc>https://hazelnut.dev/farewell/</loc>
+        <lastmod>2020-12-23</lastmod>
+    </url>
     <url>
         <loc>https://hazelnut.dev/glog/</loc>
         <lastmod>2020-06-17</lastmod>
     </url>
+    <url>
+        <loc>https://hazelnut.dev/tabletop/</loc>
+    </url>
 </urlset>
diff --git a/style.css b/style.css
index 85e3ff7..a1077f7 100644
--- a/style.css
+++ b/style.css
@@ -1,103 +1,161 @@
+:root {
+  --background: #2d2d2d;
+  --foreground: #d3d0c8;
+  --decoration: #747369;
+  --link-underline: #cd98cd;
+  --link-fancy: #ffcd5d;
+  --background-alt: #353535;
+  --fontset: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+    Bitstream Vera Sans Mono, Courier New, monospace, serif;
+}
+
 html {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 body {
-    margin: auto;
-    max-width: 80ch;
-    font-size: 1rem;
-    line-height: 1.6;
-    font-family:Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
-    color: #d3d0c8;
-    background-color: #2d2d2d;
-    padding: 1rem;
+  margin: auto;
+  max-width: 80ch;
+  font-size: 1rem;
+  line-height: 1.6;
+  font-family: var(--fontset);
+  color: var(--foreground);
+  background-color: var(--background);
+  padding: 1rem;
 }
 
-h1, h2, h3 {
-    font-weight: bold;
-    font-size: 1em;
+header {
 }
 
-h1 {
-    border-bottom: 4px solid #d3d0c8;
-    border-top: 4px solid #d3d0c8;
-    padding-top: 0.5em;
+h1,
+h2,
+h3 {
+  font-weight: bold;
+  font-size: 1em;
+}
+
+h1.site-title {
+  font-size: 1.5em;
+  line-height: 1;
+}
+
+h1:not(.site-title) {
+  border-bottom: 4px solid var(--foreground);
+  /*border-top: 4px solid var(--foreground);*/
+  padding-top: 0.5em;
 }
 
 h2 {
-    border-bottom: 2px solid #d3d0c8;
+  border-bottom: 2px solid var(--foreground);
 }
 
-h1::before {
-    content: "# ";
-    color: #747369;
+h1:not(.site-title):not(.post-title)::before {
+  content: "# ";
+  color: var(--decoration);
 }
 
 h2::before {
-    content: "## ";
-    color: #747369;
+  content: "## ";
+  color: var(--decoration);
 }
 
 h3::before {
-    content: "### ";
-    color: #747369;
+  content: "### ";
+  color: var(--decoration);
 }
 
 a {
-    text-decoration: none;
-    border-bottom: 1px solid #cd98cd;
-    color: #d3d0c8;
+  text-decoration: none;
+  border-bottom: 1px solid var(--link-underline);
+  color: var(--foreground);
 }
 
 a:not(.internal)::after {
-    content: " " url("/link.svg");
+  content: " " url("/link.svg");
 }
 
-a.external::after {
-    content: " [" attr(href) "]" url("/link.svg");
-    color: #ffcd5d;
+a.show-url::after {
+  content: " [" attr(href) "]" url("/link.svg");
+  color: var(--link-fancy);
+}
+
+nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+nav li {
+  display: inline;
 }
 
 nav a {
-    color: #ffcd5d;
+  color: var(--link-fancy);
 }
 
-nav a::after {
-    content: " " url("/link.svg");
+nav a.internal {
+  margin-right: 1ch;
 }
 
 div.table-wrapper {
-    overflow-x: auto;
+  overflow-x: auto;
 }
 
 div.table-wrapper table {
-    border-collapse: collapse;
+  border-collapse: collapse;
 }
 
-div.table-wrapper table, th, td {
-    padding: 0.5em;
+div.table-wrapper table,
+th,
+td {
+  padding: 0.5em;
 }
 
 div.table-wrapper th {
-    border-bottom: 2px solid #d3d0c8;
+  border-bottom: 2px solid var(--foreground);
 }
 
 div.table-wrapper td {
-    border: 1px solid #d3d0c8;
+  border: 1px solid var(--foreground);
 }
 
 div.table-wrapper table tr td:first-child {
-    border-left: 0;
+  border-left: 0;
 }
 
 div.table-wrapper table tr td:last-child {
-    border-right: 0;
+  border-right: 0;
 }
 
 div.table-wrapper table tr:last-child td {
-    border-bottom: 0;
+  border-bottom: 0;
 }
 
 div.table-wrapper tr:nth-child(even) {
-    background-color: #353535;
+  background-color: var(--background-alt);
+}
+
+#toc-toggle {
+  border: none;
+  font-family: var(--fontset);
+  font-size: 1rem;
+  line-height: 1.6;
+  background-color: var(--foreground);
+  color: var(--background);
+  padding: 0 0.5em;
+  margin: 0;
+  float: right;
+  cursor: pointer;
+}
+
+h1.post-title {
+  font-size: 1.5em;
+  border: none;
+  line-height: 1;
+  margin: 0;
+}
+
+p.post-date {
+  color: var(--decoration);
+  margin: 0;
 }
diff --git a/tabletop/index.html b/tabletop/index.html
new file mode 100644
index 0000000..d7a0d46
--- /dev/null
+++ b/tabletop/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>Tabletop Experiments and Stuff - Hazelnut</title>
+        <link rel="stylesheet" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;style.css" />
+        <link rel="icon" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;favicon.png" />
+        
+    </head>
+    <body>
+        <header>
+    <h1 class="site-title">Hazel&#x27;s Site</h1>
+    <nav>
+        <ul>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev">
+                        Home
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;glog">
+                        GLOG Rules
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="internal" href="https:&#x2F;&#x2F;hazelnut.dev&#x2F;tabletop">
+                        Tabletop Shit
+                    </a>
+                </li>
+            
+                <li>
+                    <a class="" href="https:&#x2F;&#x2F;pics.hazelnut.dev">
+                        Photos
+                    </a>
+                </li>
+            
+        </ul>
+    </nav>
+</header>
+
+        <div id="content">
+            
+<p>HEWWO</p>
+
+<hr>
+<ul class="post-list">
+    
+</ul>
+
+        </div>
+        <div id="footer">
+            
+            
+        </div>
+    </body>
+</html>
