diff --git a/app/certificates/page.tsx b/app/certificates/page.tsx
index 581ee06..2fb408c 100644
--- a/app/certificates/page.tsx
+++ b/app/certificates/page.tsx
@@ -1,7 +1,7 @@
 export default async function Page() {
   return (
     <div className="flex flex-col items-center">
-      <h1 className="text-4xl">Certificates (1)</h1>
+      <h1 className="text-4xl my-5">Certificates (1)</h1>
 
       {[1, 2, 3].map((certificate) => (
         <div className="text-center my-10">
diff --git a/app/cokno/page.tsx b/app/cokno/page.tsx
index 90f5e70..c963a31 100644
--- a/app/cokno/page.tsx
+++ b/app/cokno/page.tsx
@@ -1,7 +1,13 @@
 export default async function Page() {
   return (
     <div className="flex flex-col items-center">
-      <h1 className="text-4xl">The Collective Knowledge of Stan Runge</h1>
+      <h1 className="text-4xl my-5">The Collective Knowledge of Stan Runge</h1>
+      Pronounced as "konyo"
+      <p className="my-5">
+        The Collective Knowledge of Stan Runge (CoKno) is a project started by
+        Stan designed to serve as a personal Zettelkast system, similiar to
+        Wikipedia.
+      </p>
     </div>
   );
 }
diff --git a/app/layout.tsx b/app/layout.tsx
index 832f6c3..793a5ad 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,7 @@
 import { GeistSans } from "geist/font/sans";
 import "./globals.css";
 import TabItem from "@/components/TabItem";
-import { MdiGithub } from "./components/MdiGithub";
+import { MdiGithub } from "../components/MdiGithub";
 
 const defaultUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
@@ -20,7 +20,27 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" className={GeistSans.className}>
-      <body>
+      <body
+        style={{
+          position: "relative",
+          color: "white",
+          backgroundColor: "rgba(0, 0, 0, 1)",
+        }}
+      >
+        <div
+          style={{
+            backgroundImage: `url(${metadata.metadataBase}/moon.jpeg)`,
+            backgroundSize: "cover",
+            backgroundPosition: "center",
+            filter: "blur(5px)",
+            position: "fixed", // Changed from 'absolute' to 'fixed'
+            top: 0,
+            left: -46,
+            width: "100%",
+            height: "100%",
+            zIndex: -1,
+          }}
+        />
         <div className="flex justify-between my-5 font-bold mx-5">
           <div>
             <h1 className="text-2xl">
@@ -31,7 +51,7 @@ export default function RootLayout({
             <TabItem targetPath="/projects" text="Projects" />
             <TabItem targetPath="/publications" text="Publications" />
             <TabItem targetPath="/certificates" text="Certificates" />
-            {/* <TabItem targetPath="/cokno" text="CoKno" /> */}
+            <TabItem targetPath="/cokno" text="CoKno" />
           </div>
           <div className="flex justify-center gap-5">
             <a href="https://github.com/stanrunge" className="text-blue-500">
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index e976faa..bcb7e00 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -1,8 +1,16 @@
 export default async function Page() {
-    return (
-      <div className="flex flex-col items-center">
-        <h1 className="text-4xl">Projects (2)</h1>
-      </div>
-    );
-  }
-  
\ No newline at end of file
+  return (
+    <div className="flex flex-col items-center">
+      <h1 className="text-4xl my-5">Projects (2)</h1>
+
+      <h2 className="text-2xl">Vash Software</h2>
+      <p>
+        Vash was originally a video game clan, transformed by Stan to be a
+        global{" "}
+      </p>
+
+      <h2 className="text-2xl">Personal Projects</h2>
+      <h3>Spotify osu! Map Finder</h3>
+    </div>
+  );
+}
diff --git a/app/publications/page.tsx b/app/publications/page.tsx
index 62c62f2..1988fe5 100644
--- a/app/publications/page.tsx
+++ b/app/publications/page.tsx
@@ -1,7 +1,7 @@
 export default async function Page() {
   return (
     <div className="flex flex-col items-center">
-      <h1 className="text-4xl">Publications (1)</h1>
+      <h1 className="text-4xl my-5">Publications (1)</h1>
       <div className="my-5">
         <h2 className="text-2xl">Presentations (1)</h2>
         <ul>
@@ -9,7 +9,7 @@ export default async function Page() {
         </ul>
       </div>
 
-      {/* <div className="my-5">
+      <div className="my-5">
         <h2 className="text-2xl">Literature Reviews (19)</h2>
         <ul>
           <li>Deep Learning with Python</li>
@@ -32,7 +32,7 @@ export default async function Page() {
           <li>Good Strategy Bad Strategy</li>
           <li>Neuroscience: Exploring the Brain</li>
         </ul>
-      </div> */}
+      </div>
 
       {/* <h2>Blog posts (0)</h2> */}
     </div>
diff --git a/app/components/MdiGithub.tsx b/components/MdiGithub.tsx
similarity index 100%
rename from app/components/MdiGithub.tsx
rename to components/MdiGithub.tsx
diff --git a/public/moon.jpeg b/public/moon.jpeg
new file mode 100644
index 0000000..74f4ff4
Binary files /dev/null and b/public/moon.jpeg differ
