From 7c806b238dc94ff71ccc0c9bd1453ad79aa6e2a8 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Sun, 8 Mar 2026 08:07:36 +0100
Subject: [PATCH] Remove Untitled fallback in homepage Recent Posts

---
 _includes/layouts/home.njk       | 18 ++++++++++++------
 theme/_includes/layouts/home.njk | 18 ++++++++++++------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/_includes/layouts/home.njk b/_includes/layouts/home.njk
index 1a90b60..cdab261 100644
--- a/_includes/layouts/home.njk
+++ b/_includes/layouts/home.njk
@@ -81,12 +81,15 @@ withSidebar: true
   <h2 class="text-xl sm:text-2xl font-bold text-surface-900 dark:text-surface-100 mb-4 sm:mb-6">Recent Posts</h2>
   <div class="space-y-4">
     {% for post in collections.posts | head(10) %}
-    <article class="p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-accent-400 dark:hover:border-accent-600 transition-colors shadow-sm">
-      <h3 class="font-semibold text-surface-900 dark:text-surface-100 mb-1">
-        <a href="{{ post.url }}" class="hover:text-accent-600 dark:hover:text-accent-400">
-          {{ post.data.title or post.data.name or "Untitled" }}
-        </a>
-      </h3>
+      <article class="p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-accent-400 dark:hover:border-accent-600 transition-colors shadow-sm">
+        {% set postTitle = ((post.data.title or post.data.name or "") | trim) %}
+        {% if postTitle %}
+        <h3 class="font-semibold text-surface-900 dark:text-surface-100 mb-1">
+          <a href="{{ post.url }}" class="hover:text-accent-600 dark:hover:text-accent-400">
+            {{ postTitle }}
+          </a>
+        </h3>
+        {% endif %}
       {% if post.data.summary %}
       <p class="text-sm text-surface-600 dark:text-surface-400 mb-2 line-clamp-2">{{ post.data.summary }}</p>
       {% endif %}
@@ -94,6 +97,9 @@ withSidebar: true
         <time class="font-mono" datetime="{{ post.data.published or post.date }}">
           {{ (post.data.published or post.date) | date("MMM d, yyyy") }}
         </time>
+          {% if not postTitle %}
+          <a href="{{ post.url }}" class="text-accent-600 dark:text-accent-400 hover:underline">Permalink</a>
+          {% endif %}
         {% if post.data.postType %}
         <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">{{ post.data.postType }}</span>
         {% endif %}
diff --git a/theme/_includes/layouts/home.njk b/theme/_includes/layouts/home.njk
index 0f26556..32b0793 100644
--- a/theme/_includes/layouts/home.njk
+++ b/theme/_includes/layouts/home.njk
@@ -79,12 +79,15 @@ withSidebar: true
   <h2 class="text-xl sm:text-2xl font-bold text-surface-900 dark:text-surface-100 mb-4 sm:mb-6">Recent Posts</h2>
   <div class="space-y-4">
     {% for post in collections.posts | head(10) %}
-    <article class="p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-accent-400 dark:hover:border-accent-600 transition-colors">
-      <h3 class="font-semibold text-surface-900 dark:text-surface-100 mb-1">
-        <a href="{{ post.url }}" class="hover:text-accent-600 dark:hover:text-accent-400">
-          {{ post.data.title or post.data.name or "Untitled" }}
-        </a>
-      </h3>
+      <article class="p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-accent-400 dark:hover:border-accent-600 transition-colors">
+        {% set postTitle = ((post.data.title or post.data.name or "") | trim) %}
+        {% if postTitle %}
+        <h3 class="font-semibold text-surface-900 dark:text-surface-100 mb-1">
+          <a href="{{ post.url }}" class="hover:text-accent-600 dark:hover:text-accent-400">
+            {{ postTitle }}
+          </a>
+        </h3>
+        {% endif %}
       {% if post.data.summary %}
       <p class="text-sm text-surface-600 dark:text-surface-400 mb-2 line-clamp-2">{{ post.data.summary }}</p>
       {% endif %}
@@ -92,6 +95,9 @@ withSidebar: true
         <time datetime="{{ post.data.published or post.date }}">
           {{ (post.data.published or post.date) | date("MMM d, yyyy") }}
         </time>
+          {% if not postTitle %}
+          <a href="{{ post.url }}" class="text-accent-600 dark:text-accent-400 hover:underline">Permalink</a>
+          {% endif %}
         {% if post.data.postType %}
         <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">{{ post.data.postType }}</span>
         {% endif %}