Improve blog listing of posts

content/blog/2023/powerbook-g4-disk-replacement/index.md

@@ -2,14 +2,16 @@
 title: "Powerbook G4 Disk Replacement"
 subtitle: "Andrew shares his journey in replacing a failed disk in a Powerbook G4"
 date: 2023-11-05T15:55:43Z
-tags: []
-draft: true
+tags:
+    - macosx
+    - hardware
+    - repair
+draft: false
 author: Andrew Williams
 author_email: andy@tensixtyone.com
+listing_image: open.jpg
 ---
 
-{{< image src="outside.jpg" width="400x" class="is-pulled-right" title="My Powerbook G4 12 inch, fresh out of storage.">}}
-
 In October 2003, I made my first leap into using an Apple device. For quite some time i'd been trying to find a reasonable and portable machine to use daily, and i'd slowly got frustrated with the current offerings by Dell, HP, and other major laptop manufactures. In the hunt for something new and I picked an Powerbook G4 12", this machine was my daily workhorse for several years and at the end of its life it was stuffed into a draw and forgotten about.
 
 Sometime around 2014 when I was purchasing a new Macbook Pro I decided to grab my old laptop out of storage and get it booted to hopefully pull a few files from the system. I had lost the power adapter and (obviously) the battery had given up. I purchased a new power adapter on eBay and ended up throwing everything back in the draw to sort out another day.

themes/lhs/layouts/blog/list.html

@@ -11,11 +11,24 @@
 
 {{- range .Data.Pages.GroupByDate "2006" }}
 <h3 id="{{ .Key }}">{{ .Key }}</h3>
-<ul>
-    {{- range .Pages }}
-    <li><a href="{{.Permalink}}">{{.Title}}</a> - <i>{{ .Params.author }}</i></li>
-    {{- end }}
-</ul>
+
+{{- range .Pages }}
+{{ $image := .Resources.GetMatch .Params.listing_image }}
+{{ $image = $image.Fill "512x512 Center jpg" }}
+<div class="box">
+    <div class="columns">
+        <div class="column is-one-quarter has-text-centered is-hidden-mobile">
+            <img src="{{ $image.RelPermalink}}" class="image is-inline-block">
+        </div>
+        <div class="column">
+            <p><a href="{{ .Permalink }}">{{.Title}}</a> - {{ .Params.author }}<br />
+                <span class="is-size-6">{{ dateFormat "Jan 2, 2006" .PublishDate }}</span>
+            </p>
+            <p class="is-size-6"><i>{{ .Summary }}</i></p>
+        </div>
+    </div>
 </div>
+{{- end }}
+
 {{- end }}
 {{ end }}

themes/lhs/layouts/blog/single.html

@@ -16,7 +16,7 @@
   <div class="media-content">
     <div class="content">
       <p class="is-size-5 is-italic">This is a post by <b>{{ .Params.author }}</b>.<br />Originally
-        posted {{ .Date | time.Format ":date_full" }}</b></p>
+        posted {{ .PublishDate | time.Format ":date_full" }}</b></p>
     </div>
   </div>
 </article>

themes/lhs/layouts/shortcodes/image.html

@@ -4,7 +4,8 @@
 {{ $title := .Get "title" }}
 {{ $class := .Get "class" }}
 <figure class="image{{ if $class }} {{ $class }}{{ end }}">
-  <img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}"{{ if $title }} alt="{{ $title }}"{{ end }}>
+  <img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}" {{ if $title }}
+    alt="{{ $title }}" {{ end }}>
   {{ if $title }}
   <figcaption class="is-size-6">
     <small>