Show month and year in item lists

data/publications.yaml

@@ -1,4 +1,5 @@
 - title: "Graph Attention Inference of Network Topology in Multi-Agent Systems"
+  date: 2024-08-27
   year: 2024
   authors: "Akshay Kolli, Reza Azadeh, Kshitij Jerath"
   venue: "IFAC-PapersOnLine 58(28), 1037-1042"

layouts/partials/page-list.html

@@ -3,7 +3,7 @@
     {{ range .ByWeight }}
       {{ $pageTitle := .Title }}
       <article class="item-row" data-row-href="{{ .RelPermalink }}" role="link" tabindex="0" aria-label="Open {{ $pageTitle }}">
-        <div class="item-year">{{ with .Date }}{{ .Format "2006" }}{{ end }}</div>
+        <div class="item-year">{{ with .Date }}{{ .Format "Jan 2006" }}{{ end }}</div>
         <div class="item-body">
           <div class="item-head">
             <a class="item-title" href="{{ .RelPermalink }}" aria-label="Open {{ $pageTitle }}" title="Open {{ $pageTitle }}">{{ $pageTitle }}</a>

layouts/partials/publication-list.html

@@ -1,10 +1,16 @@
 {{ with . }}
   <div class="item-list">
-    {{ range sort . "year" "desc" }}
+    {{ range sort . "date" "desc" }}
       {{ $pubTitle := .title }}
       {{ $authors := .authors }}
       <article class="item-row">
-        <div class="item-year">{{ .year }}</div>
+        <div class="item-year">
+          {{ with .date }}
+            {{ time.Format "Jan 2006" . }}
+          {{ else }}
+            {{ .year }}
+          {{ end }}
+        </div>
         <div class="item-body">
           <div class="item-head">
             <div class="item-title">{{ $pubTitle }}</div>

static/css/main.css

@@ -315,7 +315,7 @@ summary,
 
 .item-row {
   display: grid;
-  grid-template-columns: 3.25rem minmax(0, 1fr);
+  grid-template-columns: 4.55rem minmax(0, 1fr);
   gap: 0.28rem;
   align-items: start;
   min-width: 0;
@@ -416,6 +416,10 @@ summary,
   white-space: nowrap;
 }
 
+.item-year {
+  white-space: nowrap;
+}
+
 .post-title,
 .item-title {
   font-family: var(--display-font);
@@ -1150,7 +1154,7 @@ summary,
   }
 
   .item-row {
-    grid-template-columns: 3.15rem minmax(0, 1fr);
+    grid-template-columns: 4.35rem minmax(0, 1fr);
     gap: 0.2rem;
     padding: 0.28rem 0.32rem;
   }