1 files changed, 77 insertions, 27 deletions
diff --git a/docs/index.md b/docs/index.md
index ff54025..18515c3 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,40 +1,90 @@
-# fkfd
+---
+title: Home
+---
 
-This is technically a blog.
-
-- [About Me](/about)
-
-- [Atom feed](/feed/atom.xml)
+<!-- written in HTML to disable the ¶ thing on page title -->
+<h1>fkfd.me — <a href="/about">about</a></h1>
 
 ## Categories
 
-- [Projects](/projects)
-
-- [Random](/random)
-
-- [Shitpost](/shitpost)
-
-## Non-blog Content
-
-- [Comics](/comics)
-
-## Fun
-
-- [ascii bio](/x)
+<div class="category-block-container">
+    <a href="projects/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-projects"></span>
+            <span class="category-text">Projects</span>
+        </div>
+    </a>
+    <a href="random/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-random"></span>
+            <span class="category-text">Random</span>
+        </div>
+    </a>
+    <a href="music/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-music"></span>
+            <span class="category-text">Music</span>
+        </div>
+    </a>
+    <a href="umich/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-umich"></span>
+            <span class="category-text">UMich</span>
+        </div>
+    </a>
+    <a href="shitpost/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-shitpost"></span>
+            <span class="category-text">Shitpost</span>
+        </div>
+    </a>
+    <a href="comics/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-comics"></span>
+            <span class="category-text">Comics</span>
+        </div>
+    </a>
+    <a href="ta/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-ta"></span>
+            <span class="category-text">TA</span>
+        </div>
+    </a>
+    <a href="ham/">
+        <div class="category-block">
+            <span class="category-icon" id="icon-ham"></span>
+            <span class="category-text">Ham Radio</span>
+        </div>
+    </a>
+</div>
+
+## Favorite blogposts
+
+- The nand2tetris series where I build a computer
+
+    - [part 1](projects/nand2tetris_1.md): logic circuits
+    - [part 2.1](projects/nand2tetris_2.1.md): virtual stack machine
+    - [part 2.2](projects/nand2tetris_2.2.md): tokenizer
+    - part 2.3: WIP indefinitely
+
+- Scraping lyrics, counting words and making a game out of twenty øne
+  piløts songs: [One tøp song](projects/one_top_song.md)
+
+- A ROM upgrade that went shitfire prompted me to write [The most
+  important part of a smartphone is the OS.](random/smartphone_os.md)
+
+- Continuously updating: [My life goals](random/life_goals.md)
+
+## For fun
 
 - [bongo cat](/toys/bongo) — [bongo.cat](https://bongo.cat), de-Googled,
   de-Cloudflared
 
 - [emojo](/toys/emojo) — copy of
-  [emojo.site](https://github.com/bclindner/emojo.site)
+  [emojo.site](https://github.com/bclindner/emojo.site) (warning: plays music)
 
 - [one tøp song](/toys/one_top_song) — a game of words that only appear in
   one twenty øne piløts song
 
-## Fediring
-
-Websites of fellow members on Fediring.
-
-[👈 Previous](https://fediring.net/previous?host=fkfd.me)
-[🪐 Fediring](https://fediring.net/)
-[👉 Next](https://fediring.net/next?host=fkfd.me)
+- [< lt / gt >](/toys/ltgt) — statistics of my personal life (but you can
+  only see <, =, or >)