story-content: Fixed fictional dates not being UTC.

marko/components/content-list-item/components/item-meta/component.js

@@ -1,7 +1,7 @@
 const moment = require("moment")
 
 module.exports = class {
-  onCreate({kind, value, updated}) {
+  onCreate({kind, value, updated, utc}) {
     this.state = {text: null, color: "color-menu", tooltip: null}
 
     if (value == null || value == "") {
@@ -10,7 +10,7 @@ module.exports = class {
 
     switch (kind) {
       case "date": {
-        const m = moment(value)
+        const m = utc ? moment.utc(value) : moment(value)
         if (m.year() < 2) {
           break
         }

marko/components/content-list-item/index.marko

@@ -15,7 +15,7 @@
     </div>
     <div class="meta">
       <item-meta kind="date" value=input.createdDate updated=input.updatedDate />
-      <item-meta kind="date" value=input.fictionalDate />
+      <item-meta kind="date" value=input.fictionalDate utc=true />
       <item-tag-list tags=input.tags enableAllTags=input.enableAllTags />
       <item-meta kind="author" value=input.author />
     </div>

marko/page/story-content/components/chapter-meta/component.js

@@ -11,7 +11,7 @@ module.exports = class {
     }
   }
 
-  updateState({kind, weak, value, updated}) {
+  updateState({kind, weak, value, utc, updated}) {
     this.state = {text: null, color: "color-menu", href: null, tooltip: null}
 
     if (value == null || value == "") {
@@ -20,7 +20,7 @@ module.exports = class {
 
     switch (kind) {
       case "date": {
-        const m = moment(value)
+        const m = utc ? moment.utc(value) : moment(value)
         if (m.year() < 2) {
           break
         }

marko/page/story-content/components/chapter/index.marko

@@ -12,7 +12,7 @@ import moment from "moment"
       </if-permitted>
     </div>
     <chapter-meta kind="title" value=input.chapter.title />
-    <chapter-meta kind="date" value=input.chapter.fictionalDate />
+    <chapter-meta kind="date" utc=true value=input.chapter.fictionalDate />
     <chapter-meta weak kind="date" value=input.chapter.createdDate />
     <chapter-meta weak kind="author" value=input.chapter.author />
   </div>

marko/page/story/components/tags-page/style.less

@@ -9,7 +9,7 @@ div.tags-page {
   }
 
   div.groups {
-    column-count: 4;
+    column-count: 5;
     padding: 0.5em;
 
     div.group {
@@ -43,7 +43,15 @@ div.tags-page {
   }
 }
 
-@media screen and (max-width: 1900px) {
+@media screen and (max-width: 2000px) {
+  div.tags-page {
+    div.groups {
+      column-count: 4;
+    }
+  }
+}
+
+@media screen and (max-width: 1400px) {
   div.tags-page {
     div.groups {
       column-count: 3;
@@ -51,7 +59,7 @@ div.tags-page {
   }
 }
 
-@media screen and (max-width: 1300px) {
+@media screen and (max-width: 1000px) {
   div.tags-page {
     div.groups {
       column-count: 2;
@@ -59,7 +67,7 @@ div.tags-page {
   }
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 900px) {
   div.tags-page {
     div.groups {
       column-count: 1;

server.js

@@ -88,7 +88,7 @@ app.use("/story/by-author/", require("./routes/story/by-author"))
 app.use("/story/tag-list/", require("./routes/story/tag-list"))
 app.use("/story/:id(S[0-9a-z]{15})/", require("./routes/story-content"))
 app.use("/logs/", require("./routes/logs"))
-app.use("/logs/:id([0-9]{4}-[0-1][0-9]-[0-3][0-9]_[0-9]{9}_[A-Za-z\,\']{2,})/", require("./routes/logs-content"))
+app.use("/logs/:id([0-9]{4}-[0-1][0-9]-[0-3][0-9]_[0-9]{9}_[A-Za-z0-9\,\']{2,})/", require("./routes/logs-content"))
 app.use("/logs/:id(L[0-9]{0,7})/", require("./routes/logs-content"))
 app.use("/data/", require("./routes/data"))
 app.use("/data/characters/", require("./routes/data/characters"))