Update note metadata presentation.

git-filter-metadata.sh

@@ -12,7 +12,7 @@ if [ "$1" = '--smudge' ]; then
   CREATED=$(git log --diff-filter=A --follow --format='%H %ct' -1 -- "$1")
   LAST_UPDATED=$(git log -n 1 --pretty=format:'%H %ct' -- "$1")
 
-  sed "s/\\\$Metadata\\\$/\$Metadata: $CREATED $LAST_UPDATED\$/g"
+  sed "s#\\\$Metadata\\\$#\$Metadata: $CREATED $LAST_UPDATED $1\$#g"
   exit
 fi
 

src/sass/_base.scss

@@ -64,6 +64,10 @@ a {
   color: var(--base-link);
 }
 
+aside {
+  font-style: italic;
+}
+
 body {
   @include mixins.nice-font-rendering;
 

src/ssg/Steps/ProcessFrontMatterStep.php

@@ -54,11 +54,12 @@ private function parseGitMetadataKeyword(string $keyword): GitMetadata
     {
         $parts = explode(' ', trim($keyword, '$'));
 
-        if (5 !== \count($parts)) {
+        if (5 > \count($parts)) {
             throw new \RuntimeException('Unable to parse expanded "Metadata" keyword');
         }
 
         return new GitMetadata(
+            join(' ', \array_slice($parts, 5)),
             new \DateTimeImmutable('@' . $parts[2]),
             new \DateTimeImmutable('@' . $parts[4]),
             $parts[1],

src/ssg/ValueObjects/GitMetadata.php

@@ -13,6 +13,7 @@
 final readonly class GitMetadata
 {
     public function __construct(
+        public string $path,
         public \DateTimeImmutable $createdAt = new \DateTimeImmutable(),
         public \DateTimeImmutable $updatedAt = new \DateTimeImmutable(),
         public string $createdHash = '0000000000000000000000000000000000000000',

src/ssg/input/.templates/base-note.html.twig

@@ -10,11 +10,12 @@
 
 {% block content %}
     {% if git.createdAt == git.updatedAt %}
-        <p><em>This note was created on
-            <a href="https://github.com/damiendart/robotinaponcho/commit/{{ git.createdHash }}">{{ git.createdAt | date('d M, Y \\a\\t H:i') }}</a>.</em></p>
+        <aside role="note">This note was created on <a href="https://github.com/damiendart/robotinaponcho/commit/{{ git.createdHash }}">{{ git.createdAt | date('F j, Y') }}</a>.</aside>
     {% else %}
-        <p><em>This note was updated on
-            <a href="https://github.com/damiendart/robotinaponcho/commit/{{ git.updatedHash }}">{{ git.updatedAt | date('d M, Y \\a\\t H:i') }}</a>.</em></p>
+        <aside role="note">
+            This note was created on <a href="https://github.com/damiendart/robotinaponcho/commit/{{ git.createdHash }}">{{ git.createdAt | date('F j, Y') }}</a>
+            and updated on <a href="https://github.com/damiendart/robotinaponcho/commits/master/{{ git.path }}">{{ git.updatedAt | date('F j, Y') }}</a>.
+        </aside>
     {% endif %}
 
     {{ content | raw }}

src/ssg/input/notes/index.html.twig

@@ -47,7 +47,7 @@ title: 'Notes'
 
                 <li class="notes-list__item">
                     <a href="/{{ note.metadata.slug }}">{{ note.metadata.title | smartypants }}</a>
-                    <span class="notes-list__item__meta"><span class="u-visually-hidden">(</span><span>{{ verb }} </span>{{ note.metadata.git.updatedAt | date('d M, Y') }}<span class="u-visually-hidden">)</span></span>
+                    <span class="notes-list__item__meta"><span class="u-visually-hidden">(</span><span>{{ verb }} </span>{{ note.metadata.git.updatedAt | date('F j, Y') }}<span class="u-visually-hidden">)</span></span>
                 </li>
             {% endfor %}
         </ul>