diff --git a/public/css/colours.css b/public/css/colours.css
index e43956c..838d262 100644
--- a/public/css/colours.css
+++ b/public/css/colours.css
@@ -11,7 +11,9 @@
   --margin: 4px;
   --gap: 10px;
 
-  --radius: 4px;
+  --border-thickness: 3px;
+
+  --radius: 8px;
 }
 
 pre.codeblock {
diff --git a/public/css/css.css b/public/css/css.css
index 9401841..7aee9e4 100644
--- a/public/css/css.css
+++ b/public/css/css.css
@@ -62,14 +62,14 @@ body {
 
 #content>div {
   background: var(--background);
-  border: 4px solid var(--border);
+  border: var(--border-thickness) solid var(--border);
   border-radius: var(--radius);
   padding: var(--padding);
   align-content: center;
 }
 
 #content>div:nth-child(3n+1) {
-  border: 4px solid var(--border2);
+  border-color: var(--border2);
 }
 
 #background {
diff --git a/public/index.html b/public/index.html
index 0dddade..2deb6b8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -21,7 +21,7 @@
       </ul>
     </div>
     <div class="content" style="grid-area: content2">
-      <h2>Projects I've finished</h2>
+      <a href="/posts"><h2>Projects I've finished</h2></a>
       <ul>
         <li><a href="/posts?post=openbirch">Openbirch</a><br>(made it to an alpha release)</li>
         <li><a href="/posts?post=minecraft-proxy">Minecraft server
diff --git a/public/posts/openbirch.md b/public/posts/How I made a programming language 700x slower than python.md
similarity index 99%
rename from public/posts/openbirch.md
rename to public/posts/How I made a programming language 700x slower than python.md
index 7e78294..ef7a872 100644
--- a/public/posts/openbirch.md
+++ b/public/posts/How I made a programming language 700x slower than python.md	
@@ -1,3 +1,4 @@
+1
 Functions Vectors Evaluate Isolate Solve Matrix Tensor Calculus Derivation Limit Procedures Scopes Statements Interpreter Parser Lexer
 # Openbirch
 Cool fucking cas tool.
diff --git a/public/posts/minecraft-proxy.md b/public/posts/Putting hungry minecraft servers to sleep.md
similarity index 97%
rename from public/posts/minecraft-proxy.md
rename to public/posts/Putting hungry minecraft servers to sleep.md
index d272957..1e7bc74 100644
--- a/public/posts/minecraft-proxy.md
+++ b/public/posts/Putting hungry minecraft servers to sleep.md	
@@ -1,3 +1,4 @@
+2
 Minecraft Rust Async Networking Proxy CRIU
 # Minecraft servers are HUNGRY
 They hunger for your ram and your cpu. This makes it either expensive or laggy to try and host multiple servers at once.
@@ -30,4 +31,4 @@ Once it reaches 0 the server is hibenated using CRIU, which writes the entire me
 This means that joining a hibernated server only takes a few seconds, and any server currently hibernating will only take up disk space.
 It can also be restored even after system restarts, so it would be possible to halt systemd shutdowns until all servers are hibernated.
 
-<marquee>Marq**WEE**</marquee>
+<marquee style="font-size: 20em">Marq**WEE**</marquee>
diff --git a/public/posts/index.html b/public/posts/index.html
index 740401b..1c48b26 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -32,7 +32,7 @@
       transform: translate(-50%, -50%);
       height: 80%;
       max-width: 90%;
-      object-fit:contain;
+      object-fit: contain;
       border-radius: 0px;
       background: transparent;
     }
@@ -53,7 +53,7 @@
 <body style="background-color: #222;">
   <div id="content">
     <div class="header" style="grid-area: header; text-align: center">
-      <a href="/" style="color: inherit; text-decoration: inherit">
+      <a href="/posts" style="color: inherit; text-decoration: inherit">
         <h1>SpoodyThe<span style="color:var(--background-text)">.</span>One</h1>
       </a>
     </div>
@@ -70,9 +70,30 @@
   <script src="/js/code_highlighter.js"></script>
   <script src="/js/md2html.js"></script>
   <script>
+    const show_index = async () => {
+      let response = await fetch(`/posts/index`);
+      if (response.status != 200)
+        document.querySelector("#content>.content>h2")[0].innerText = "An error occured when fetching index...";
+
+      let posts = (await response.text()).split("\n");
+
+      generate_background(posts);
+
+      let elem = document.querySelector("#content>.content");
+      elem.innerHTML = posts.map(x => `<a href="/posts?post=${x}"><h2>${x}</h2></a>`).join("<br>\n");
+      elem.style.maxWidth = "80ch";
+      document.querySelector(".header>a").href = "/";
+    };
+
     (async () => {
       try {
         let post = new URLSearchParams(window.location.search).get("post");
+
+        if (post === null) {
+          show_index();
+          return;
+        }
+
         let response = await fetch(`/posts/${post}.md`);
         let content = await response.text();
 
@@ -81,6 +102,7 @@
         }
 
         let lines = content.split("\n");
+        lines.shift();
         let terms = lines.shift();
         content = lines.join("\n");
 
