diff --git a/src/lib/db/index.ts b/src/lib/db/index.ts
index 8bb1c7b..57d9a8a 100644
--- a/src/lib/db/index.ts
+++ b/src/lib/db/index.ts
@@ -2,7 +2,7 @@ import Database from 'bun:sqlite';
 import { dev } from '$app/environment';
 
 // Initialize the database
-const db = new Database('sludge.db', { create: true});
+const db = new Database('sludge.db', { create: true });
 
 db.exec(`
   CREATE TABLE IF NOT EXISTS users (
@@ -31,7 +31,7 @@ db.exec(`
 process.on('SIGINT', () => {
   db.close(false);
   process.exit(0);
-}); 
+});
 
 // Export database instance and helper functions
 export { db };
@@ -47,8 +47,8 @@ export function get_blag(uri) {
 
 export function create_user(name: string, email: string) {
   try {
+    const result = db.query('INSERT INTO users (name, email) VALUES ($name, $email)').get({ $name: name, $email: email });
     return { success: true, id: result.lastInsertRowid, name, email };
-    const result = db.query('INSERT INTO users (name, email) VALUES ($name, $email)').get({$name: name, $email: email});
   } catch (error) {
     console.error(error);
     return { success: false, error: 'Failed to create user' + (error as Error).message };
@@ -64,6 +64,14 @@ export function get_all_pork() {
 }
 
 
+export function publish_blog(title, uri, body) {
+  const result = db.query('INSERT INTO blags (title, uri, body) VALUES ($title, $uri, $body)').get({ $title: title, $uri: uri, $body: body });
+  console.log(result)
+  return { success: true, uri }
+}
+
+
+
 /**
  * Thread Stuff
  * 
@@ -76,9 +84,9 @@ export function get_all_threads() {
 }
 
 
-export function create_thread(title, id, creator){
+export function create_thread(title, id, creator) {
 
-  db.query('INSERT INTO threads (id, title, progenator) VALUES ($id, $title, $creator)').get({$id: id, $title: title, $creator: creator})
+  db.query('INSERT INTO threads (id, title, progenator) VALUES ($id, $title, $creator)').get({ $id: id, $title: title, $creator: creator })
 
   return db.query(`CREATE TABLE
   '${id}' (
@@ -90,4 +98,4 @@ export function create_thread(title, id, creator){
     unique ('id'),
     foreign key('author') references users('id')
   )`)
-}
\ No newline at end of file
+}
diff --git a/src/routes/blag/[uri]/+page.svelte b/src/routes/blag/[uri]/+page.svelte
index 428d8d8..1745c57 100644
--- a/src/routes/blag/[uri]/+page.svelte
+++ b/src/routes/blag/[uri]/+page.svelte
@@ -1,22 +1,64 @@
 <script lang="javascript">
-	let {data} = $props()
-  let {post} = data
-  $inspect('bu', data)
+  let { data } = $props();
+  let { post } = data;
+  import { marked } from "marked";
+  $inspect("bu", data);
 </script>
 
 <svelte:head>
-	<title>{post.title}</title>
-	<meta name="description" content="" />
+  <title>{post.title}</title>
+  <meta name="description" content="" />
 </svelte:head>
 
 <section>
-	<h1>{post.title}</h1>
-  {@html post.body}
-  <span>{post.created_at}</span>
+  <h1>{post.title}</h1>
+  {@html marked.parse(post.body)}
+  <span
+    >Created @ {new Date(post.created_at).toLocaleString("en-US", {
+      timeZone: "-10:00", // This is wrong for some reason the SQLite db is recording the wrong time
+      hour12: false,
+    })}</span
+  >
 </section>
 
 <style lang="scss">
-	section {
+  @use "/src/app.scss" as *;
+  section {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    max-width: 60rem;
+    margin: 0 auto;
+    :global(h1) {
+      :global(strong) {
+        font-family: "Initials";
+        font-size: 1.5rem;
+        font-weight: 500;
+      }
+      text-align: center;
+    }
+    :global(hr) {
+      color: $green;
+    }
+    :global(blockquote) {
+      background: $green-42;
+      border-left: 1rem solid $green;
+      padding: 0.5rem 1rem;
+      &:before {
+        color: $orange;
+        content: open-quote;
+        font-size: 1.5rem;
+        line-height: 0.1rem;
+        vertical-align: -0.9rem;
+      }
+      &:p {
+        display: inline;
+      }
+    }
+    span {
+      align-self: center;
+      font-size: 0.75rem;
+    }
+  }
+</style>
 
-	}
-</style>
\ No newline at end of file
diff --git a/src/routes/blag/new/+page.server.ts b/src/routes/blag/new/+page.server.ts
index e01fd7b..37d9aea 100644
--- a/src/routes/blag/new/+page.server.ts
+++ b/src/routes/blag/new/+page.server.ts
@@ -1,9 +1,14 @@
 export async function load({ }) {
   console.log("new blag")
 }
+
+
+import { publish_blog } from "$lib/db"
+
 export const actions = {
   default: async ({ cookies, fetch, getClientAddress, locals, params, platform, request, route, setHeaders, url, isDataRequest }) => {
     let data = await request.formData();
     console.log(data);
+    console.log(publish_blog(data.get('title'), data.get('uri'), data.get('body')))
   }
 }
diff --git a/src/routes/blag/new/+page.svelte b/src/routes/blag/new/+page.svelte
index ecb44eb..f2e8e36 100644
--- a/src/routes/blag/new/+page.svelte
+++ b/src/routes/blag/new/+page.svelte
@@ -18,7 +18,7 @@ Regular; hmm double enter gets a new
 > It will only line over on width basis I guess that makes sense
 `);
 
-  $inspect("n", value);
+  // $inspect("n", value);
 </script>
 
 <svelte:head>
@@ -30,14 +30,16 @@ Regular; hmm double enter gets a new
   <div>
     <h1>Editor</h1>
     <form method="POST">
-      <label>
-        <p>Title</p>
-        <input type="text" name="title" />
-      </label>
-      <label>
-        <p>URI</p>
-        <input type="text" name="uri" />
-      </label>
+      <div>
+        <label>
+          <p>Title</p>
+          <input required type="text" name="title" />
+        </label>
+        <label>
+          <p>URI</p>
+          <input required type="text" name="uri" />
+        </label>
+      </div>
       <textarea name="body" bind:value></textarea>
       <button>Post</button>
     </form>
@@ -52,6 +54,7 @@ Regular; hmm double enter gets a new
 
 <style lang="scss">
   @use "/src/app.scss" as *;
+
   section {
     width: 100%;
     display: flex;
@@ -60,9 +63,15 @@ Regular; hmm double enter gets a new
       flex-basis: 45%;
       margin: 0 auto;
       form {
+        display: flex;
+        flex-direction: column;
+        div {
+          gap: 1rem;
+          display: flex;
+        }
         label {
           display: flex;
-          margin-top: 1rem;
+          margin: 1rem 0;
           gap: 1rem;
           input {
             background: $green-42;
@@ -79,11 +88,23 @@ Regular; hmm double enter gets a new
           width: 100%;
           height: 40rem;
           line-height: 1.5;
-          border-radius: 5px;
           border: 1px solid $green;
+          border-radius: 5px;
           background: $green-42;
           color: $yellow;
           font-family: "Garamond";
+          &:focus-visible {
+            outline: none;
+          }
+        }
+        button {
+          padding: 0.25rem 0.75rem;
+          margin-top: 1rem;
+          background-color: $green-42;
+          color: $yellow;
+          border: solid 3px $green;
+          border-radius: 5px;
+          align-self: center;
         }
       }
     }
@@ -118,4 +139,3 @@ Regular; hmm double enter gets a new
     }
   }
 </style>
-