feat(colophon): improve last commit display

goshatch · Feb 14, 2025 · dda03a7 · dda03a7
1 parent e39eb43
commit dda03a7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/_sass/_code.scss b/_sass/_code.scss
@@ -4,6 +4,11 @@ code {
   background-color: var(--color-emphasis);
 }
 
+code.block {
+  display: block;
+  margin: 0.5em -0.5em 0;
+}
+
 div.highlighter-rouge {
   width: 100%;
   max-width: var(--max-width);

diff --git a/colophon.html b/colophon.html
@@ -78,14 +78,11 @@ <h3>Accessibility</h3>
   <h3>Build information</h3>
   {%- assign commit = site.data.git -%}
   <p>
-    Last updated on {{ commit.date | readableDate }}<br />
-    <code
-      ><a
-        href="https://github.com/goshatch/gosha.net/commit/{{ commit.hash }}"
-        >{{ commit.hash }}</a
-      ></code
-    >
-    &rarr; {{ commit.subject }}
+    Last updated on <time datetime="{{ commit.date | date: "%Y-%m-%d" }}">{{ commit.date | date: "%e %B, %Y" }}</time>:
+    <code class="block">
+      <a href="https://github.com/goshatch/gosha.net/commit/{{ commit.hash }}">{{ commit.hash }}</a>
+      &rarr; {{ commit.subject }}
+    </code>
   </p>
   <p>
     Made with <i class="twa twa-red-heart"></i> in London