From 67938a44949b1757310a0e8b21b6ffce3fa11257 Mon Sep 17 00:00:00 2001
From: Niklas Buschmann <niklasbuschmann@posteo.org>
Date: Sat, 21 Dec 2019 22:27:34 +0100
Subject: [PATCH] better post metadata

---
 layouts/_default/baseof.html |  6 +++---
 layouts/_default/list.html   |  2 +-
 layouts/_default/single.html |  8 ++++++--
 static/css/classes.css       |  5 -----
 static/css/theme.css         | 33 ++++++++++++++++++++-------------
 5 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0cbddb8..3e7445a 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,9 +12,9 @@
 <link rel="stylesheet" href="{{ .Site.BaseURL }}css/theme.css">
 <link rel="stylesheet" href="{{ .Site.BaseURL }}css/classes.css">
 {{- if or .Params.math .Site.Params.math }}
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.2/dist/katex.min.css" integrity="sha256-uT5rNa8r/qorzlARiO7fTBE7EWQiX/umLlXsq7zyQP8=" crossorigin="anonymous">
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.2/dist/katex.min.js" integrity="sha256-TxnaXkPUeemXTVhlS5tDIVg42AvnNAotNaQjjYKK9bc=" crossorigin="anonymous"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.2/dist/contrib/mathtex-script-type.min.js" integrity="sha256-b8diVEOgPDxUp0CuYCi7+lb5xIGcgrtIdrvE8d/oztQ=" crossorigin="anonymous"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha256-V8SV2MO1FUb63Bwht5Wx9x6PVHNa02gv8BgH/uH3ung=" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha256-F/Xda58SPdcUCr+xhSGz9MA2zQBPb0ASEYKohl8UCHc=" crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/mathtex-script-type.min.js" integrity="sha256-b8diVEOgPDxUp0CuYCi7+lb5xIGcgrtIdrvE8d/oztQ=" crossorigin="anonymous"></script>
 {{- end }}
 
 <header class="{{ if .Site.Params.brightheader }}bright{{ else }}dark{{ end }}">
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index c331939..543e095 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -7,7 +7,7 @@
 {{ end }}
 
 <article>
-  <header><h1>{{ .Title | default "Posts" }}</h1></header>
+  <header><h1>{{ .Title | default "Posts" | humanize }}</h1></header>
   <ul class="archive">
     {{- range $Pages }}
     <li>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index fe1b22f..d36688c 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,8 +2,12 @@
 
 <article>
   <header>
-    <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
-    {{ if .Date }}<p class="meta"><time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "January 02, 2006" }}</time></p>{{ end }}
+    {{ range $index, $tag := .Params.categories }}
+      {{- if gt $index 0 }}, {{ end -}}
+      <a href="{{ ($.Site.GetPage (printf "/%s/%s" "categories" $tag)).Permalink }}">{{ $tag | upper }}</a>
+    {{- end -}}
+    <h1>{{ .Title }}</h1>
+    <p>{{ if ($.Param "author") }}{{ $.Param "author" }}{{ end }}{{ if .Date }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ if ($.Param "author") }} | {{ end }}{{ .Date.Format "January 02, 2006" }}</time>{{ end }}</p>
   </header>
   {{ .Content }}
 </article>
diff --git a/static/css/classes.css b/static/css/classes.css
index adbf123..17cef55 100644
--- a/static/css/classes.css
+++ b/static/css/classes.css
@@ -1,8 +1,3 @@
-.meta {
-  margin-top: .2em;
-  margin-bottom: 1.5em;
-}
-
 .bright {
   box-shadow: 0 0 .6em #3c3c3c0f;
   border-bottom: 1px solid #9494941f;
diff --git a/static/css/theme.css b/static/css/theme.css
index 62ebc61..03297ba 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1,19 +1,19 @@
 @media (prefers-color-scheme: light) {
   html {
     background: #fff;
-    color: #282828;
+    color: #222;
   }
 }
 
 @media (prefers-color-scheme: dark) {
   html {
-    background: #282828;
+    background: #222;
     color: #fff;
   }
 }
 
 body {
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Roboto",sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;
   font-size: 16px;
   font-size: calc(0.8rem + 0.25vw);
   font-weight: 400;
@@ -38,19 +38,18 @@ b, strong, th {
 a {
   color: inherit;
   text-decoration: inherit;
-  transition: color .2s;
 }
 
-a:hover, header time {
-  color: #949494;
+a:hover {
+  text-decoration: underline;
 }
 
 article a {
   color: #68f;
 }
 
-article header a, article footer a {
-  color: inherit;
+header time {
+  color: #949494;
 }
 
 hr {
@@ -97,6 +96,7 @@ pre {
 
 pre code {
   all: unset;
+  -webkit-text-fill-color: initial;
 }
 
 code {
@@ -115,20 +115,27 @@ body > header {
   align-items: center;
 }
 
-h1 {
-  font-size: 1.7em;
-}
-
 header h1, header h2 {
   margin: 0;
 }
 
+article header {
+  margin-bottom: 2em;
+}
+
+article header h1 {
+  font-size: 1.75em;
+  padding: .25em 0;
+  margin-bottom: .7em;
+  border-bottom: 1px solid #94949436;
+}
+
 nav {
   margin: .5em -.8em;
 }
 
 nav a {
-  margin: 0 .8em;
+  padding: 0 .8em;
 }
 
 body > header, article {