refactor: simplify single post layout and enhance formatting

- Standardized indentation and cleaned up HTML structure.
- Improved cover image logic and captions for semantic accuracy.
- Refined date display with accessible formatting and concise updates logic.

Author: denmette

themes/custom/layouts/posts/single.html

@@ -1,46 +1,36 @@
 {{ define "main" }}
 <article class="space-y-4" aria-labelledby="post-title">
     {{- with .Params.cover.image -}}
-    {{- if not $.Params.cover.alt -}}
-    {{- errorf "cover.alt is required when cover.image is set for %q" $.File.Path -}}
-    {{- end -}}
-    {{- $imageAlt := $.Params.cover.alt -}}
-    {{- $coverTitle := $.Params.cover.title -}}
-    {{- $coverCaption := $.Params.cover.caption -}}
-    <figure class="relative overflow-hidden rounded-2xl border border-slate-200 shadow-sm dark:border-slate-800">
+      {{- if not $.Params.cover.alt -}}
+        {{- errorf "cover.alt is required when cover.image is set for %q" $.File.Path -}}
+      {{- end -}}
+      {{- $imageAlt := $.Params.cover.alt -}}
+      {{- $coverTitle := $.Params.cover.title -}}
+      {{- $coverCaption := $.Params.cover.caption -}}
+      <figure class="relative overflow-hidden rounded-2xl border border-slate-200 shadow-sm dark:border-slate-800">
         {{ partial "image.html" (dict
-        "page" $
-        "src" .
-        "alt" $imageAlt
-        "class" "w-full object-cover"
-        "sizes" "(max-width: 768px) 100vw, 768px"
-        "loading" "eager"
-        "decoding" "async"
-        "fetchpriority" "high"
-        ) }}
-
-        {{- with $coverCaption -}}
-        <figcaption
-                class="absolute inset-x-0 bottom-0 px-4 py-2 text-center text-xs text-slate-100 bg-black/50 backdrop-blur-sm">
-            {{ . }}
-        </figcaption>
-        {{- end -}}
-    </figure>
-    {{- end -}}
+                    "page" $
+                    "src" .
+                    "alt" $imageAlt
+                    "class" "w-full object-cover"
+                    "sizes" "(max-width: 768px) 100vw, 768px"
+                    "loading" "eager"
+                    "decoding" "async"
+                    "fetchpriority" "high")
+          }}
+          {{- with $coverCaption -}}
+            <figcaption class="absolute inset-x-0 bottom-0 px-4 py-2 text-center text-xs text-slate-100 bg-black/50 backdrop-blur-sm">
+                {{ . }}
+            </figcaption>
+            {{- end -}}
+    </figure>{{- end -}}
 
     <header class="space-y-2">
-        <h1 id="post-title" class="text-2xl font-semibold text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
+        <h1 class="text-2xl font-semibold text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
         {{- with .Date -}}
-        <div class="text-sm text-slate-500 dark:text-slate-400">
-            Gepubliceerd op
-            <time datetime="{{ .Format " 2006-01-02
-            " }}">{{ partial "date.html" (dict "date" . "format" ":date_long") }}</time>
-            {{- if and $.Lastmod (gt $.Lastmod $.Date) -}}
-            <span> · Bijgewerkt op</span>
-            <time datetime="{{ $.Lastmod.Format " 2006-01-02
-            " }}">{{ partial "date.html" (dict "date" $.Lastmod "format" ":date_long") }}</time>
-            {{- end -}}
-        </div>
+        <p class="text-sm text-slate-500 dark:text-slate-400">
+            Gepubliceerd op {{ partial "date.html" (dict "date" . "format" ":date_long") }}{{ if and $.Lastmod (gt (sub $.Lastmod.Unix $.Date.Unix) 86400) }} · bijgewerkt {{ partial "date.html" (dict "date" $.Lastmod "format" ":date_long") }}{{ end }}
+        </p>
         {{- end -}}
     </header>