diff --git a/dist/index.html b/dist/index.html
index 1b271f6..7782063 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -18,12 +18,26 @@ body {
   line-height: 1.75em;
 }
 
-main {
+.container {
+  max-width: 1000px;
+}
+
+.tile {
   border-radius: 15px;
   padding: 15px;
   background-color: #ffeedd;
-  margin: auto;
-  max-width: 1000px;
+  margin: 2px;
+  width: 100%
+}
+
+.third {
+  flex: 30%;
+}
+
+.half {
+  padding-left: 15px;
+  padding-right: 15px;
+  flex: 50%;
 }
 
 .bg {
@@ -50,6 +64,17 @@ code {
   margin: auto;
 }
 
+.text_center {
+  text-align: center;
+}
+
+ul {
+  display: inline-block;
+  columns: 2;
+  -webkit-columns: 2;
+  -moz-columns: 2;
+}
+
 table {
   margin-left: auto;
   margin-right: auto;
@@ -76,32 +101,30 @@ a:visited {
   text-decoration: none;
 }
 
-h1:before {
-  content: "";
+a:before {
+  content: "[";
+  font-style: normal;
+  color: black;
 }
 
-h2:before {
-  content: "";
+a:after {
+  content: "]";
+  font-style: normal;
+  color: black;
 }
 
-</style><script>let bg;
-let ctd;
-window.onload = function() {
-  bg = document.getElementById("bg");
-  ctx = bg.getContext("2d");
-
-  ctx.fillStyle = "#141013";
-  ctx.fillRect(0, 0, bg.width, bg.height);
+h1,h2 {
+  text-align: center;
 }
-</script></head><body><main><h1>logan's site</h1><hr><h2>me</h2><p>
-        I am a programming and philosophy enthusiast. Once upon a time i was a
-        competitive debater on a few local and state circuits. After over 10
-        years of doing robotics I'm finally starting to get the hang of it.
-        Currently in the process of discovering my love for hypertext and the
-        world wide web!
-      <hr><h2>likes</h2><ul><li>music</li><li>books</li><li>websites</li><li>you!</li></ul></p><hr><h2>writeups</h2><ul><li>[dependency paranoia]</li><li>[on build systems]</li></ul><hr><h2>programming</h2><p>
-      I have been making things for much longer than i have bothered 
-      to document (or finish) my work. I work on whatever happens to
-      catch my interest, using whatever tools and languages I fancy at
-      the time. Here are some of my favorite projects I've worked on:
-      </p><table><tr><th>project</th><th>summary</th><th>date</th></tr><tr><td><a href="">web server</a></td><td>https server implementation</td><td>2024</td></tr><tr><td><a href="">html templater</a></td><td>interpreter and inline templating language for html</td><td>2024</td></tr><tr><td><a href="">forte</a></td><td>safety focused stack machine emulator and assembly language</td><td>2024</td></tr><tr><td><a href="">nrange</a></td><td>cartesian product for N vectors in O(N) time/space</td><td>2023</td></tr><tr><td><a href="">fishbowl</a></td><td>kinematic image processing on the web</td><td>2022</td></tr><tr><td><a href="">stocks</a></td><td>play money stock trading algorithm</td><td>2021</td></tr><tr><td><a href="">the crypt</a></td><td>platforming video game in Godot</td><td>2020</td></tr></table><hr><h2>sites i manage</h2><ul><li><a href="https://utsa-rowdysub.org">UTSA Advanced Robotics RoboSub team website (2024)</a></li></ul><hr><h2>server status</h2><table class="monospace"><tr><td>Hello from Arch Linux</td></tr><tr><td>Apache Web Server 2.4.61</td></tr><tr><td>CPU: 1.08% (15 minute average)</td></tr><tr><td>MEM: 8743/15907 MB</td></tr></table></main></body></html>
\ No newline at end of file
+
+
+</style></head><body><div class="container flex"><main class="tile big"><h1>logan's site</h1><hr><div class="flex"><div class="half"><h2>me</h2>
+              I am a programming and philosophy
+              enthusiast. Once upon a time i was a
+              competitive debater on a few local and
+              state circuits. After over 10 years of
+              doing robotics I'm finally starting to
+              get the hang of it. Currently in the
+              process of discovering my love for
+              hypertext and the world wide web!
+            </div><div class="half text_center"><h2>interests</h2><ul class="twocol"><li><a>books</a></li><li><a>music</a></li><li><a>software</a></li><li><a>websites</a></li></ul></div></div><div class="flex"><dif class="half"><h2>programming</h2><table><tr><th>project</th><th>summary</th></tr><tr><td><a href="">web server</a></td><td>https server implementation</td></tr><tr><td><a href="">html templater</a></td><td>inline html templating language</td></tr><tr><td><a href="">forte</a></td><td>safety focused stack machine and assembly language</td></tr><tr><td><a href="">nrange</a></td><td>cartesian product for N vectors in O(N) time/space</td></tr><tr><td><a href="">fishbowl</a></td><td>kinematic image processing on the web</td></tr><tr><td><a href="">stocks</a></td><td>play money stock trading algorithm</td></tr><tr><td><a href="">the crypt</a></td><td>platforming video game in Godot</td></tr></table></dif><dif class="half"><h2>blog</h2></dif></div></main></div></body></html>
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 78b3753..e69de29 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,9 +0,0 @@
-let bg;
-let ctd;
-window.onload = function() {
-  bg = document.getElementById("bg");
-  ctx = bg.getContext("2d");
-
-  ctx.fillStyle = "#141013";
-  ctx.fillRect(0, 0, bg.width, bg.height);
-}
diff --git a/src/main.css b/src/main.css
index 49aa74e..99cba4a 100644
--- a/src/main.css
+++ b/src/main.css
@@ -18,12 +18,26 @@ body {
   line-height: 1.75em;
 }
 
-main {
+.container {
+  max-width: 1000px;
+}
+
+.tile {
   border-radius: 15px;
   padding: 15px;
   background-color: #ffeedd;
-  margin: auto;
-  max-width: 1000px;
+  margin: 2px;
+  width: 100%
+}
+
+.third {
+  flex: 30%;
+}
+
+.half {
+  padding-left: 15px;
+  padding-right: 15px;
+  flex: 50%;
 }
 
 .bg {
@@ -50,6 +64,17 @@ code {
   margin: auto;
 }
 
+.text_center {
+  text-align: center;
+}
+
+ul {
+  display: inline-block;
+  columns: 2;
+  -webkit-columns: 2;
+  -moz-columns: 2;
+}
+
 table {
   margin-left: auto;
   margin-right: auto;
@@ -76,11 +101,20 @@ a:visited {
   text-decoration: none;
 }
 
-h1:before {
-  content: "";
+a:before {
+  content: "[";
+  font-style: normal;
+  color: black;
 }
 
-h2:before {
-  content: "";
+a:after {
+  content: "]";
+  font-style: normal;
+  color: black;
 }
 
+h1,h2 {
+  text-align: center;
+}
+
+
diff --git a/src/main.rs b/src/main.rs
index adf1757..9f40e23 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -14,7 +14,6 @@ fn head() -> Markup {
       title { "logan's site" };
       // style { (include_str!("normalize.css")) }
       style { (PreEscaped(include_str!("main.css"))) }
-      script { (PreEscaped(include_str!("index.js"))) }
     }
   }
 }
@@ -25,21 +24,18 @@ fn template(inner: Markup) -> Markup {
 
     html {
     (head())
-      body  {
-        main {
-          (inner)
-        }
+      body {
+        (inner)
       }
     }
   }
 }
 
-fn project(name: &str, desc: &str, language: &str, link: &str) -> Markup {
+fn prow(name: &str, desc: &str, date: &str, link: &str) -> Markup {
   html! {
     tr {
-      td { a href=(link) {(name)}}
-      td {(desc)}
-      td {(language)}
+      td { a href=(link) { (name) } }
+      td { (desc) }
     }
   }
 }
@@ -52,69 +48,58 @@ fn index() -> Markup {
   let load_avg = System::load_average();
   sys.refresh_all();
   template(html! {
-    h1 {"logan's site"}
-    hr;
-    h2 {"me"}
-    p {
-      "
-        I am a programming and philosophy enthusiast. Once upon a time i was a
-        competitive debater on a few local and state circuits. After over 10
-        years of doing robotics I'm finally starting to get the hang of it.
-        Currently in the process of discovering my love for hypertext and the
-        world wide web!
-      " 
-      hr;
-      h2 {"likes"}
-      ul {
-        li {"music"}
-        li {"books"}
-        li {"websites"}
-        li {"you!"}
+    div .container .flex {
+      main .tile .big {
+        h1 {"logan's site"}
+        hr;
+        div .flex {
+          div .half {
+            h2 {"me"}
+            "
+              I am a programming and philosophy
+              enthusiast. Once upon a time i was a
+              competitive debater on a few local and
+              state circuits. After over 10 years of
+              doing robotics I'm finally starting to
+              get the hang of it. Currently in the
+              process of discovering my love for
+              hypertext and the world wide web!
+            "
+          }
+          div .half .text_center {
+            h2 {"interests"}
+            ul .twocol {
+              li { a { "books" } }
+              li { a { "music" } }
+              li { a { "software" } }
+              li { a { "websites" } }
+            }
+          }
+
+        }
+        div .flex {
+          dif .half {
+            h2 {"programming"}
+            table {
+              tr {
+                th { "project" }
+                th { "summary" }
+              }
+              (prow("web server", "https server implementation", "2024", ""))
+              (prow("html templater", "inline html templating language", "2024", ""))
+              (prow("forte", "safety focused stack machine and assembly language", "2024", ""))
+              (prow("nrange", "cartesian product for N vectors in O(N) time/space", "2024", ""))
+              (prow("fishbowl", "kinematic image processing on the web", "2023", ""))
+              (prow("stocks", "play money stock trading algorithm", "2021", ""))
+              (prow("the crypt", "platforming video game in Godot", "2020", ""))
+            }
+          }
+          dif .half {
+            h2 {"blog"}
+          }
+        }
       }
     }
-    hr;
-    h2 {"writeups"}
-    ul {
-      li { "[dependency paranoia]" }
-      li { "[on build systems]" }
-    }
-    hr;
-    h2 {"programming"}
-    p {
-      "
-      I have been making things for much longer than i have bothered 
-      to document (or finish) my work. I work on whatever happens to
-      catch my interest, using whatever tools and languages I fancy at
-      the time. Here are some of my favorite projects I've worked on:
-      "
-    }
-    table {
-      tr {
-        th {"project"}
-        th {"summary"}
-        th {"date"}
-      }
-      (project("web server", "https server implementation", "2024", ""))
-      (project("html templater", "interpreter and inline templating language for html", "2024", ""))
-      (project("forte", "safety focused stack machine emulator and assembly language", "2024", ""))
-      (project("nrange", "cartesian product for N vectors in O(N) time/space", "2023", ""))
-      (project("fishbowl", "kinematic image processing on the web", "2022", ""))
-      (project("stocks", "play money stock trading algorithm", "2021", ""))
-      (project("the crypt", "platforming video game in Godot", "2020", ""))
-    }
-    hr;
-    h2 {"sites i manage"}
-    ul {
-      li { a href="https://utsa-rowdysub.org" {"UTSA Advanced Robotics RoboSub team website (2024)"}}
-    }
-    hr;
-    h2 { "server status" }
-    table .monospace {
-      tr { td { (format!("Hello from {}", system_name)) } }
-      tr { td { "Apache Web Server 2.4.61" } }
-      tr { td { (format!("CPU: {}% (15 minute average)", load_avg.fifteen)) } }
-      tr { td { (format!("MEM: {}/{} MB", used_mem, total_mem)) } }
-    }
   })
 }
 

project	summary	date
web server	https server implementation	2024
html templater	interpreter and inline templating language for html	2024
forte	safety focused stack machine emulator and assembly language	2024
nrange	cartesian product for N vectors in O(N) time/space	2023
fishbowl	kinematic image processing on the web	2022
stocks	play money stock trading algorithm	2021
the crypt	platforming video game in Godot	2020