the show starts kinda

docs/css/main.css

@@ -22,6 +22,10 @@ body {
     margin-top: 0
 }
 
+pre {
+    white-space: pre-wrap;
+}
+
 .banner {
     justify-content: center;
     margin-bottom: calc(-1*var(--elem-height))
@@ -49,17 +53,22 @@ body {
 
 .banner,
 .banner-background,
-.content {
+.content,
+.comment {
     width: var(--elem-width)
 }
 
 .avatar {
     display: flex;
-    justify-content: space-between;
-    width: var(--elem-width);
+    justify-content: space-around;
+    width: 300px;
     align-items: center;
 }
 
+.banner pre {
+    width: var(--elem-width);
+}
+
 .avatar-img {
     width: 50px;
     height: 50px;
@@ -78,7 +87,8 @@ body {
 
 .form-button,
 .form-input,
-.form {
+.form,
+.comment  {
     border: solid var(--gray) 3px;
     background: var(--black);
     border-radius: var(--border-radius);

docs/index.php

@@ -1,10 +1,53 @@
 <?php
     require("../libs/page.php");
+    require("../libs/form.php");
+    
+    $ref = 1732684297;
+    
+    function post_handler() {
+        global $ref;
+        global $username;
+        global $db;
+        if (!$username) return;
+        if (!array_key_exists('post',$_POST)) return;
+        $postie = $_POST['post'];
+        $stmt = $db->prepare("INSERT INTO main.comment (username, targetType, targetId, date, content, id) VALUES (?,?,?,?,?,?)");
+        $stmt->execute([$username,"root","root",microtime(true) - $ref,$postie,bin2hex(random_bytes(16))]);
+    }
+
     page_header();
-?>
+        
+    $form_message = post_handler();
+    
+    // todo: make this not look weird
+    if ($username) {
+        form("Broadcast your thoughts...", $form_message, array(
+            array('key' => 'Post', 'type' => 'textarea', 'name' => 'post', 'default' => '')
+        ));
+    }
+    
+    $stmt = $db->prepare("SELECT * FROM comment ORDER BY date DESC");
+    $stmt->execute([]);
+    
+    $posts = $stmt->fetchAll(PDO::FETCH_DEFAULT);
 
-<p>Very barren.</p>
-
-<?php
+    foreach ($posts as $post) { ?>
+        <div class='comment'>
+            <div class='avatar'>
+                <img src='/pfp/<?php echo $post['username'] ?>.png' class='avatar-img'>
+                <div>
+                    <div><b>
+                            <a class='link' href='/client/user?id=<?php echo $post['username'] ?>'>
+                                <?php echo $post['username'] ?>
+                            </a>
+                        </b></div>
+                    <div><b>
+                            <?php echo date(DATE_ATOM,$post['date'] + $ref) ?>
+                        </b></div>
+                    <pre><?php echo htmlspecialchars($post['content']) ?></pre>
+                </div>
+            </div>
+        </div>
+    <?php }
     page_footer();
 ?>