Add ESLint and a <time> converter

And some style tweaks.

.eslintrc.json

@@ -0,0 +1,17 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "standard"
+    ],
+    "parserOptions": {
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "rules": {
+        "indent": ["error", 4],
+        "semi": ["error", "always"]
+    }
+}

assets/css/app.less

@@ -9,6 +9,11 @@
 article {
   max-width: 66em;
   margin: auto;
+
+  .meta {
+    color: #626463;
+    font-variant: small-caps;
+  }
 }
 
 blockquote {

assets/css/post.less

@@ -22,6 +22,18 @@ h1 { text-align: center; }
       font-size: smaller;
       text-align: right;
     }
+
+    @media screen and (max-width: 500px) {
+      header {
+        flex-direction: column;
+
+        time {
+          text-align: center;
+          font-variant: small-caps;
+        }
+      }
+    }
+
     article { padding: 1em; }
 
     footer {

assets/js/app.js

@@ -1,2 +1,2 @@
 import '../css/app.less';
-
+import './timezone-converter';

assets/js/timezone-converter.js

@@ -0,0 +1,18 @@
+(function () {
+    document.body.querySelectorAll('time').forEach(function (timeEl) {
+        // Show the UTC time as the tooltip.
+        timeEl.title = 'UTC time: ' + timeEl.innerText;
+        // Convert to local browser time for actual display.
+        const date = new Date(Date.parse(timeEl.dateTime));
+        const options = {
+            timeZoneName: 'long',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+            weekday: 'long',
+            hour: 'numeric',
+            minute: 'numeric'
+        };
+        timeEl.innerText = date.toLocaleString([], options) + '.';
+    });
+}());