diff --git a/public/colours.css b/public/css/colours.css
similarity index 100%
rename from public/colours.css
rename to public/css/colours.css
diff --git a/public/css.css b/public/css/css.css
similarity index 94%
rename from public/css.css
rename to public/css/css.css
index c256e10..9401841 100644
--- a/public/css.css
+++ b/public/css/css.css
@@ -1,5 +1,5 @@
 @import url(https://fonts.bunny.net/css?family=chivo-mono:500);
-@import url(/colours.css);
+@import url(/css/colours.css);
 
 code {
   background: var(--background-text);
@@ -87,7 +87,7 @@ body {
   aspect-ratio: 1/1;
 
   transform-origin: top;
-  transform: scale(150%) rotate(-20deg) translateY(-25%);
+  transform: scale(150%) rotate(-20deg) translate(-15%, -15%);
 
   align-content: center;
   text-align: center;
diff --git a/public/index.html b/public/index.html
index 5189848..0dddade 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <link rel="stylesheet" href="/css.css">
+  <link rel="stylesheet" href="/css/css.css">
 </head>
 
 <body style="background-color: #222;">
@@ -46,7 +46,7 @@
     </div>
   </div>
   <div id="background"></div>
-  <script src="/main.js"></script>
+  <script src="/js/main.js"></script>
   <script>
     generate_background();
   </script>
diff --git a/public/code_highlighter.js b/public/js/code_highlighter.js
similarity index 94%
rename from public/code_highlighter.js
rename to public/js/code_highlighter.js
index c8ee430..ff3690c 100644
--- a/public/code_highlighter.js
+++ b/public/js/code_highlighter.js
@@ -35,6 +35,9 @@ const maps = {
       "std::string",
       "std::unique_ptr",
       "char",
+      "public",
+      "private",
+      "protected"
     ],
   }
 };
diff --git a/public/main.js b/public/js/main.js
similarity index 100%
rename from public/main.js
rename to public/js/main.js
diff --git a/public/md2html.js b/public/js/md2html.js
similarity index 97%
rename from public/md2html.js
rename to public/js/md2html.js
index df197c6..7e25c74 100644
--- a/public/md2html.js
+++ b/public/js/md2html.js
@@ -254,7 +254,7 @@ const tokens2html = (tokens) => {
         output += "<br>"
         break;
       case "image":
-        output += `<p style="text-align:center"><img src="${token.url}" alt="${token.alt}"><br>${token.title}</p>`;
+        output += `<p style="text-align:center; font-size: 0.85em; cursor: pointer"><img src="${token.url}" alt="${token.alt}" onclick="enlarge(this, event)"><br>${token.title}</p>`;
         break
       case "ul":
         console.log(token);
diff --git a/public/posts/index.html b/public/posts/index.html
index 1323957..80cb3ba 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <link rel="stylesheet" href="./css.css">
+  <link rel="stylesheet" href="/css/css.css">
   <style>
     #content {
       grid-template-areas:
@@ -15,6 +15,29 @@
 
     img {
       background-color: var(--background-text);
+
+      border-radius: var(--radius);
+    }
+
+    img.enlarged {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      height: 80%;
+      max-width: 80%;
+      border-radius: 0px;
+    }
+
+    #content>.footer {
+      display: none;
+    }
+
+    /* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
+    @media screen and (prefers-reduced-motion: no-preference) {
+      html {
+        scroll-behavior: smooth;
+      }
     }
   </style>
 </head>
@@ -22,7 +45,9 @@
 <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"><h1>SpoodyThe<span style="color:var(--background-text)">.</span>One</h1></a>
+      <a href="/" style="color: inherit; text-decoration: inherit">
+        <h1>SpoodyThe<span style="color:var(--background-text)">.</span>One</h1>
+      </a>
     </div>
     <div class="content" style="grid-area: content; text-align: left">
       <h2>Loading...</h2>
@@ -33,9 +58,9 @@
   </div>
 
   <div id="background"></div>
-  <script src="/main.js"></script>
-  <script src="/code_highlighter.js"></script>
-  <script src="/md2html.js"></script>
+  <script src="/js/main.js"></script>
+  <script src="/js/code_highlighter.js"></script>
+  <script src="/js/md2html.js"></script>
   <script>
     (async () => {
       try {
@@ -54,11 +79,31 @@
         generate_background(terms.split(" "));
 
         document.getElementsByClassName("content")[0].innerHTML = tokens2html(md2tokens(content));
+
+        await new Promise(res => setTimeout(res, 5000));
+        if (document.body.scrollHeight > window.innerHeight) {
+          document.querySelector("#content>.footer").style.display = "initial";
+        }
       } catch (e) {
         document.getElementsByClassName("content")[0].innerText = e;
         throw e;
       }
     })()
+
+    const enlarge = (img, event) => {
+      let oldclick = img.onclick;
+      img.classList.add("enlarged")
+      img.onclick = null;
+      event.cancelBubble = true;
+      document.body.onclick = () => delarge(img, oldclick);
+      console.log(event);
+    }
+
+    const delarge = (img, oldclick) => {
+      document.body.onclick = null;
+      img.onclick = oldclick;
+      img.classList.remove("enlarged");
+    }
   </script>
 </body>
 
diff --git a/public/posts/openbirch.md b/public/posts/openbirch.md
index d9d0264..7e78294 100644
--- a/public/posts/openbirch.md
+++ b/public/posts/openbirch.md
@@ -2,4 +2,10 @@ Functions Vectors Evaluate Isolate Solve Matrix Tensor Calculus Derivation Limit
 # Openbirch
 Cool fucking cas tool.
 
-![image of openbirch](/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
+![image of openbirch](/posts/openbirch/openbirch.png "Cool image of the cool fucking cas tool")
diff --git a/public/posts/openbirch/openbirch.png b/public/posts/openbirch/openbirch.png
new file mode 100644
index 0000000..27833da
Binary files /dev/null and b/public/posts/openbirch/openbirch.png differ
diff --git a/src/main.rs b/src/main.rs
index 7b02a35..2898c81 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -37,13 +37,12 @@ impl Request {
             method: match parts.next().expect("Invalid request") {
                 "GET" => RequestMethod::GET,
                 "POST" => RequestMethod::POST,
-                _ => panic!("Unknown method"),
+                _ => panic!("Unknown method"), // TODO: fix PUT crashing entire website
             },
             path: Some(
                 parts
                     .next()
                     .expect("Invalid request")
-                    .to_string()
                     .split("?")
                     .next()
                     .unwrap()
