From 6adbbb288419d0df219ec4c66fe0ae56a4cd2477 Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Sun, 29 Oct 2017 17:42:09 +0100
Subject: [PATCH] Fixed, addressing feedback.

---
 ui/css/base.css    | 48 ++++++++++++++++++++++++++++++++++++++++++++--
 ui/css/form.css    |  4 ++++
 ui/css/magic.css   |  2 +-
 ui/css/theme.css   | 13 +++----------
 ui/js/form-page.js |  5 ++++-
 5 files changed, 58 insertions(+), 14 deletions(-)

diff --git a/ui/css/base.css b/ui/css/base.css
index 920c3a8..f0ba41b 100644
--- a/ui/css/base.css
+++ b/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;
   }
 }
diff --git a/ui/css/form.css b/ui/css/form.css
index aa86609..149c6dc 100644
--- a/ui/css/form.css
+++ b/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;
diff --git a/ui/css/magic.css b/ui/css/magic.css
index 6b384f1..354b0c0 100644
--- a/ui/css/magic.css
+++ b/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 */
diff --git a/ui/css/theme.css b/ui/css/theme.css
index 448d3a9..6b55c2b 100644
--- a/ui/css/theme.css
+++ b/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 {
diff --git a/ui/js/form-page.js b/ui/js/form-page.js
index bce7b4d..247a2be 100644
--- a/ui/js/form-page.js
+++ b/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) {