4 files changed, 51 insertions, 3 deletions
diff --git a/src/pages/create/[board].astro b/src/pages/create/[board].astro
index 9c2308f..152277c 100644
--- a/src/pages/create/[board].astro
+++ b/src/pages/create/[board].astro
@@ -1,4 +1,6 @@
 ---
+import '../../styles/blackbox.css';
+
 import Default from '../../layouts/Default.astro';
 import Form from '../../components/Form.astro';
 
@@ -8,7 +10,7 @@ const { board } = Astro.params;
 <Default>
   <h1>{board}</h1>
 
-  <Form board={board} tid="niggers">
+  <Form board={board} tid="">
     <form id="form" method="post" action="/create/thread" onsubmit="document.getElementById('submit-button').disabled = true">
       <textarea name="ThreadName" placeholder="Thread Name" style="height: 1.5rem; width: 350px;"></textarea> <br>
       <textarea name="ThreadText" placeholder="Thread Contents" style="height: 150px; width: 350px;"></textarea>
@@ -21,5 +23,6 @@ const { board } = Astro.params;
 <style>
   :root {
     --wdt: 360px;
+    --ml: 0px;
   }
 </style>
diff --git a/src/pages/create/[board]/[tid].astro b/src/pages/create/[board]/[tid].astro
new file mode 100644
index 0000000..ccc95ca
--- /dev/null
+++ b/src/pages/create/[board]/[tid].astro
@@ -0,0 +1,27 @@
+---
+import '../../../styles/blackbox.css';
+
+import Default from '../../../layouts/Default.astro';
+import Form from '../../../components/Form.astro';
+
+const { board, tid } = Astro.params;
+---
+
+<Default>
+  <h1>Comment</h1>
+
+  <Form board={board} tid={tid}>
+    <form id="form" method="post" action="/create/comment" onsubmit="document.getElementById('submit-button').disabled = true">
+      <textarea name="CommentText" placeholder="Comment Contents" style="height: 150px; width: 350px;"></textarea>
+      <br> <input id="submit-button" type="submit" value="Create Thread" />
+      <input id="image" type="file" accept=".png,.jpg,.gif,.bmp,.mp4" />
+    </form>
+  </Form>
+</Default>
+
+<style>
+  :root {
+    --wdt: 360px;
+    --ml: 0px;
+  }
+</style>
diff --git a/src/pages/create/comment.ts b/src/pages/create/comment.ts
new file mode 100644
index 0000000..f8d4c82
--- /dev/null
+++ b/src/pages/create/comment.ts
@@ -0,0 +1,17 @@
+import { api } from '../../lib/api';
+import { processCommentOut } from '../../lib/thread';
+import Comment from '../../models/Thread';
+
+export async function post({ request }) {
+  const form = await request.formData();
+
+  let c: Comment = await processCommentOut(form);
+
+  console.log(c);
+
+  await api('post', `comment/${form.get('board')}/${form.get('tid')}`, JSON.stringify(c));
+
+  return new Response('close', {
+    status: 200
+  });
+}
diff --git a/src/pages/create/thread.ts b/src/pages/create/thread.ts
index 0a0b7d1..b3a02be 100644
--- a/src/pages/create/thread.ts
+++ b/src/pages/create/thread.ts
@@ -1,13 +1,14 @@
 import { api } from '../../lib/api';
 import { processThreadOut } from '../../lib/thread';
+import Thread from '../../models/Thread';
 
 export async function post({ request }) {
   const form = await request.formData();
 
-  console.log(form);
-
   let t: Thread = await processThreadOut(form);
 
+  console.log(t);
+
   await api('post', `thread/${form.get('board')}`, JSON.stringify(t));
 
   return new Response(t.id, {