2 files changed, 14 insertions, 8 deletions
diff --git a/src/pages/board/[board].astro b/src/pages/board/[board].astro
index 23a5551..a529d3c 100644
--- a/src/pages/board/[board].astro
+++ b/src/pages/board/[board].astro
@@ -1,6 +1,8 @@
 ---
 import Default from '../../layouts/Default.astro';
 import Thread from '../../components/Thread.svelte'
+import '../../styles/thread.css'
+import '../../styles/blackbox.css?'
 import type Thread from '../../models/Thread';
 
 import { api } from '../../lib/api.ts';
@@ -18,8 +20,17 @@ for(let thread of threads)
 
 <Default>
   <h1><a href="/boards"> {board} </a></h1>
+  <div class="blackbox">
+    <button style="left: 50%; position: relative; transform: translate(-50%, 0);" onclick=`window.location='/create/${board}'`>Create Thread</button>
+  </div>
 
   {threads.map((thread) => (
     <Thread thread={thread} board={board} />
   ))}
 </Default>
+
+<style is:inline>
+  :root {
+    --wdt: 600px;
+  }
+</style>
diff --git a/src/pages/board/[board]/[tid].astro b/src/pages/board/[board]/[tid].astro
index 80e7fbe..4aa34ef 100644
--- a/src/pages/board/[board]/[tid].astro
+++ b/src/pages/board/[board]/[tid].astro
@@ -1,7 +1,7 @@
 ---
 import Default from '../../../layouts/Default.astro';
 import Thread from '../../../components/Thread.svelte'
-import Comment from '../../../components/Comment.svelte'
+import '../../../styles/thread.css'
 import type Thread from '../../../models/Thread';
 
 import { api } from '../../../lib/api';
@@ -14,13 +14,8 @@ if(data.status === 404) return Astro.redirect('/404');
 
 const thread: Thread = await data.json();
 await processThreadIn(board, thread, true);
-const comments: Comment[] = thread.comments;
 ---
 
 <Default>
-  <Thread thread={thread} board={board}>
-    {comments.map((comment) => (
-      <Comment comment={comment} />
-    ))}
-  </Thread>
-</Default>
+  <Thread thread={thread} board={board} comments=true />
+</Default>
+\ No newline at end of file