From f85545cfcc17e0dd1378486fb4dfb5d7e18c5188 Mon Sep 17 00:00:00 2001
From: Gilbert Sanchez <me@gilbertsanchez.com>
Date: Tue, 23 Jun 2026 15:12:20 -0700
Subject: [PATCH 1/2] style(cards): plainify and truncate summaries for
 consistent card sizing

Pipe .Summary through `plainify | truncate 300` on the homepage,
default list, podcast list, and author page card grids so cards
render uniform-length text regardless of source markup.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 themes/powershell-community/layouts/_default/list.html   | 4 ++--
 themes/powershell-community/layouts/index.html           | 4 ++--
 themes/powershell-community/layouts/podcast/list.html    | 2 +-
 themes/powershell-community/layouts/taxonomy/author.html | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/themes/powershell-community/layouts/_default/list.html b/themes/powershell-community/layouts/_default/list.html
index 888852e6d..56e368394 100644
--- a/themes/powershell-community/layouts/_default/list.html
+++ b/themes/powershell-community/layouts/_default/list.html
@@ -60,7 +60,7 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex items-center space-x-4">
                             <a href="{{ .RelPermalink }}" 
                                class="inline-flex items-center bg-purple-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-purple-700 transition-colors duration-200">
@@ -103,7 +103,7 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                         </a>
                     </h2>
                     
-                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                     
                     <div class="flex items-center justify-between">
                         <a href="{{ .RelPermalink }}" 
diff --git a/themes/powershell-community/layouts/index.html b/themes/powershell-community/layouts/index.html
index 8fefb6f44..12bca5078 100644
--- a/themes/powershell-community/layouts/index.html
+++ b/themes/powershell-community/layouts/index.html
@@ -167,7 +167,7 @@ <h3 class="text-lg font-semibold text-gray-900 mb-3 line-clamp-2">
                             {{ .Title }}
                         </a>
                     </h3>
-                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                     <a href="{{ .RelPermalink }}"
                         class="inline-flex items-center text-blue-600 font-medium hover:text-blue-700">
                         Listen Now <i class="fas fa-play ml-2"></i>
@@ -211,7 +211,7 @@ <h3 class="text-lg font-semibold text-gray-900 mb-3 line-clamp-2">
                             {{ .Title }}
                         </a>
                     </h3>
-                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                    <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                     {{ with .Params.author }}
                     <div class="flex items-center text-sm text-gray-500">
                         <i class="fas fa-user-circle mr-2"></i>
diff --git a/themes/powershell-community/layouts/podcast/list.html b/themes/powershell-community/layouts/podcast/list.html
index 910c1145d..9d31aa46e 100644
--- a/themes/powershell-community/layouts/podcast/list.html
+++ b/themes/powershell-community/layouts/podcast/list.html
@@ -62,7 +62,7 @@ <h2 class="text-xl lg:text-2xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex flex-wrap items-center gap-4">
                             <a href="{{ .RelPermalink }}"
                                class="inline-flex items-center bg-purple-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-purple-700 transition-colors duration-200">
diff --git a/themes/powershell-community/layouts/taxonomy/author.html b/themes/powershell-community/layouts/taxonomy/author.html
index 4f0d3f3bb..d79f803a2 100644
--- a/themes/powershell-community/layouts/taxonomy/author.html
+++ b/themes/powershell-community/layouts/taxonomy/author.html
@@ -100,7 +100,7 @@ <h2 class="text-xl lg:text-2xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex flex-wrap items-center gap-4">
                             <a href="{{ .RelPermalink }}"
                                class="inline-flex items-center bg-purple-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-purple-700 transition-colors duration-200">
@@ -133,7 +133,7 @@ <h2 class="text-xl lg:text-2xl font-bold text-gray-900 mb-3">
                                 {{ .Title }}
                             </a>
                         </h2>
-                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary }}</p>
+                        <p class="text-gray-600 mb-4 line-clamp-3">{{ .Summary | plainify | truncate 300 }}</p>
                         <div class="flex flex-wrap items-center gap-4">
                             <a href="{{ .RelPermalink }}"
                                class="inline-flex items-center bg-blue-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors duration-200">

From 52bd3fe642ac63d65efe3d133a12aa264b891f99 Mon Sep 17 00:00:00 2001
From: Gilbert Sanchez <me@gilbertsanchez.com>
Date: Tue, 23 Jun 2026 15:32:11 -0700
Subject: [PATCH 2/2] feat(articles): add visual tile to article cards with
 featured_image fallback
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Give regular article cards in the list layout a left-hand visual,
mirroring the podcast card. When `featured_image` is set it renders a
lazy-loaded cover image; otherwise it falls back to a generated
terminal tile (gray-900 prompt showing the article's category) that
echoes the homepage hero — so image-less articles still get an anchor.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../layouts/_default/list.html                | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/themes/powershell-community/layouts/_default/list.html b/themes/powershell-community/layouts/_default/list.html
index 56e368394..83febc26d 100644
--- a/themes/powershell-community/layouts/_default/list.html
+++ b/themes/powershell-community/layouts/_default/list.html
@@ -81,7 +81,27 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                 
                 {{ else }}
                 <!-- Regular Article Layout -->
-                <div class="p-6">
+                <div class="lg:flex">
+                    <div class="lg:w-1/4 p-6 lg:pr-0">
+                        {{ with .Params.featured_image }}
+                        <a href="{{ $.RelPermalink }}" class="block aspect-square rounded-lg overflow-hidden border border-gray-200 hover:border-blue-300 transition-colors duration-200">
+                            <img src="{{ . | relURL }}" alt="{{ $.Title }}" loading="lazy" class="w-full h-full object-cover">
+                        </a>
+                        {{ else }}
+                        <a href="{{ .RelPermalink }}" class="block aspect-square bg-gray-900 rounded-lg p-4 flex flex-col justify-center border border-blue-400 hover:border-blue-300 transition-colors duration-200">
+                            <div class="flex space-x-1.5 mb-3">
+                                <div class="w-2 h-2 bg-red-500 rounded-full"></div>
+                                <div class="w-2 h-2 bg-yellow-500 rounded-full"></div>
+                                <div class="w-2 h-2 bg-green-500 rounded-full"></div>
+                            </div>
+                            <div class="font-mono text-xs">
+                                <span class="text-blue-400">PS C:\&gt;</span>
+                                <div class="text-blue-300 mt-2 line-clamp-3">{{ with .Params.categories }}{{ index . 0 }}{{ else }}Get-Article{{ end }}</div>
+                            </div>
+                        </a>
+                        {{ end }}
+                    </div>
+                    <div class="lg:w-3/4 p-6 lg:pl-8">
                     <div class="flex items-center justify-between text-sm text-gray-500 mb-3">
                         <div class="flex items-center space-x-3">
                             <time>{{ .Date.Format "Jan 2, 2006" }}</time>
@@ -122,6 +142,7 @@ <h2 class="text-xl font-bold text-gray-900 mb-3">
                         </div>
                         {{ end }}
                     </div>
+                    </div>
                 </div>
                 {{ end }}
             </article>