Fixed, addressing feedback.

ui/css/base.css

@@ -106,6 +106,13 @@ article {
     overflow-x: auto;
   }
 
+  article code.block {
+    display: block;
+    border: 0.5px solid;
+    padding: 0.5em 1ch;
+    white-space: pre-line;
+  }
+
   article p {
     margin-top: 0;
   }
@@ -173,6 +180,7 @@ nav {
   margin: 0;
 
   overflow-y: auto;
+  user-select: none;
 }
 
 nav h1 {
@@ -224,6 +232,42 @@ nav .page-property {
   margin-bottom: 1em;
 }
 
+/* Tag List */
+.tag-list {
+  display:flex;
+  flex-wrap:wrap;
+  flex-direction:row;
+  justify-content:flex-start;
+  align-items:stretch;
+  text-align: left;
+  white-space: nowrap;
+
+  width: 100%;
+  max-width: 100%;
+}
+
+  .tl-item h2 {
+    font-size: 1em;
+    text-align: center;
+    margin: 0.5em 0.5ch;
+    margin-bottom: 0;
+  }
+
+  .tl-item ul {
+    margin: 0.5em 1ch;
+    margin-top: 0.25em;
+    list-style: none;
+    padding: 0;
+  }
+
+  .tl-item:nth-child(even) {
+    float: left;
+  }
+
+  .tl-item:nth-child(odd) {
+    float: right;
+  }
+
 /* Mobile weirdness with rgba */
 @media screen and (max-width: 900px) {
   nav, main {
@@ -275,10 +319,10 @@ nav .page-property {
   }
 
   article h1 {
-    font-size: 1.25em;
+    font-size: 1.33em;
   }
 
   article h2 {
-    font-size: 1.125em;
+    font-size: 1.25em;
   }
 }

ui/css/form.css

@@ -19,6 +19,10 @@ input[type="text"], input[type="password"], textarea {
   border-left: 1px solid #678;
 }
 
+input::placeholder, textarea::placeholder {
+  color: #234;
+}
+
 input:focus, textarea:focus, button:focus, button:hover {
   color: #4bf;
   border-left-color: #4bf;

ui/css/magic.css

@@ -14,7 +14,7 @@ img#main-background {
   z-index: -1;
   user-select: none;
 
-  filter: brightness(25%);
+  filter: brightness(20%);
 }
 img#main-background.landscape {
   /* Set rules to fill background */

ui/css/theme.css

@@ -1,10 +1,10 @@
 body {
   font-family: 'Source Sans Pro', sans-serif;
+  background-color: black;
 }
 
 article {
   color: #abc;
-  text-align: justify;
   font-size: 1.15em;
 }
 
@@ -24,6 +24,7 @@ article {
 
   article h1 {
     font-weight: 100;
+    line-height: 1.05em;
   }
 
   article h2 {
@@ -145,20 +146,12 @@ nav li:hover .mg-label {
   color: #7b7;
 }
 
-.ttype-source {
-  color: #bb7;
-}
-
 .ttype-organization {
   color: #b7b;
 }
 
 .ttype-series {
-  color: #5dd;
-}
-
-.ttype-meta {
-  color: #5e5;
+  color: #bb7;
 }
 
 .ttype-character {

ui/js/form-page.js

@@ -3,7 +3,10 @@ document.addEventListener("DOMContentLoaded", function() {
   var pError = document.querySelector("form p.red")
   
   if (inputDate.value != "") {
-    inputDate.value = new Date(inputDate.value).toDateString().substring(4)
+    var dateUTC = new Date(inputDate.value)
+    var offset = dateUTC.getTimezoneOffset()
+
+    inputDate.value = new Date(dateUTC.getTime() + (offset * 1000)).toDateString().substring(4)
   }
 
   document.querySelector("form").onsubmit = function(ev) {