.

public/s/css/f0ck-custom.css

@@ -204,4 +204,30 @@ select {
 
 img#biohaz {
     width: 28px;
+}
+
+.metadata {
+    background: #1b1b1b;
+    border-top: 1px solid #262626;
+}
+
+.content {
+    border-left: 1px solid #1b1b1b;
+    border-right: 1px solid #1b1b1b;
+}
+
+.controls {
+    border-left: 1px solid #1b1b1b;
+    border-right: 1px solid #1b1b1b;
+}
+
+
+#themeselector {
+    padding: 0.04em 0.2em;
+    vertical-align: top;
+    font-weight: 560;
+}
+
+span.badge.badge-dark {
+    margin-right: 5px;
 }

public/s/js/scroller.js

@@ -11,7 +11,7 @@ let load = false;
           .then((msg, html = "") => {
             for(let i = 0; i < msg.items.length; i++)
               if(msg.items[i].id)
-                html += `<li class="post"><a href="./${msg.items[i].id}" title="${msg.items[i].mime}"><img class="thumb" src="./t/${msg.items[i].id}.png" /></a></li>\n`;
+                html += `<li class="post"><a href="./${msg.items[i].id}" title="${msg.items[i].mime}"><img class="thumb" src="./t/${msg.items[i].id}.png" onerror="this.onerror=null;this.src='/s/img/mp3.png';" /></a></li>\n`;
             posts.insertAdjacentHTML("beforeend", html);
             posts.dataset.last = msg.last;
             load = false;

src/websrv.mjs

@@ -19,7 +19,13 @@ import router from "./inc/router.mjs";
   
     req.post = new Promise((resolve, _, data = "") => req
       .on("data", d => void (data += d))
-      .on("end", () => void resolve(Object.fromEntries(Object.entries(querystring.parse(data)).map(([k, v]) => [k, decodeURIComponent(v)])))));
+      .on("end", () => void resolve(Object.fromEntries(Object.entries(querystring.parse(data)).map(([k, v]) => {
+        try {
+          return [k, decodeURIComponent(v)];
+        } catch(err) {
+          console.error(err);
+        }
+      })))));
   
     res.reply = ({
       code = 200,

views/index.html

@@ -4,7 +4,7 @@
       {{each items as item}}
       <li class="post">
         <a href="/{{=item.id}}" title="{{=item.mime}}">
-          <img class="thumb" src="/t/{{=item.id}}.png" />
+          <img class="thumb" src="/t/{{=item.id}}.png" onerror="this.onerror=null;this.src='/s/img/mp3.png';" />
           <span class="item-mime">{{=item.mime}}</span>
         </a>
       </li>