From 0ceefc04c78b60b94adb0bad2138f6c5329c21e3 Mon Sep 17 00:00:00 2001
From: Claude Code <claude@anthropic.com>
Date: Fri, 1 May 2026 17:40:56 +0800
Subject: [PATCH] fix invalid <a> nesting in PostList

Apply the same PostList structural fix as hype404 / viralmvp: drop
the card-wide <a> that broke the layout via HTML5 nested-link
auto-recovery. Layout CSS unchanged; this commit only updates
PostList.astro.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/PostList.astro | 66 +++++++++++++++++------------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/components/PostList.astro b/src/components/PostList.astro
index 70d82a3..6a32657 100644
--- a/src/components/PostList.astro
+++ b/src/components/PostList.astro
@@ -26,46 +26,46 @@ const fmt = (d) => new Date(d).toLocaleDateString('en-US',
 
 {enriched.length > 0 && !tag && hero && (
   <article class="post-hero" data-reveal>
-    <a class="post-hero-link" href={`/${hero.slug}/`}>
-      {hero.cover && (
-        <div class="post-hero-img">
-          <img src={hero.cover} alt="" loading="eager" />
-        </div>
-      )}
-      <div class="post-hero-body">
-        <div class="post-hero-flag">Top story</div>
-        <h2 class="post-hero-title">{hero.title}</h2>
-        <p class="post-hero-excerpt">{hero.rawExcerpt}</p>
-        <div class="post-hero-meta">
-          <span>{fmt(hero.date)}</span>
-          {hero.tags.slice(0, 4).map((t) => (
-            <span class="post-hero-tag"><a href={`/tag/${t}/`}>{t}</a></span>
-          ))}
-        </div>
+    {hero.cover && (
+      <div class="post-hero-img">
+        <img src={hero.cover} alt="" loading="eager" />
       </div>
-    </a>
+    )}
+    <div class="post-hero-body">
+      <div class="post-hero-flag">Top story</div>
+      <h2 class="post-hero-title">
+        <a class="card-link" href={`/${hero.slug}/`}>{hero.title}</a>
+      </h2>
+      <p class="post-hero-excerpt">{hero.rawExcerpt}</p>
+      <div class="post-hero-meta">
+        <span>{fmt(hero.date)}</span>
+        {hero.tags.slice(0, 4).map((t) => (
+          <span class="post-hero-tag"><a href={`/tag/${t}/`}>{t}</a></span>
+        ))}
+      </div>
+    </div>
   </article>
 )}
 
 {(tag ? enriched : rest).map((post, i) => (
   <article class="post-row" data-reveal style={`animation-delay:${Math.min(i * 50, 500)}ms`}>
-    <a class="post-row-link" href={`/${post.slug}/`}>
-      {post.cover && (
-        <div class="post-row-img">
-          <img src={post.cover} alt="" loading="lazy" />
-        </div>
-      )}
-      <div class="post-row-body">
-        <h3 class="post-row-title">{post.title}</h3>
-        <p class="post-row-excerpt">{post.rawExcerpt}</p>
-        <div class="post-row-meta">
-          <time>{fmt(post.date)}</time>
-          {post.tags.slice(0, 3).map((t) => (
-            <span class="post-row-tag"><a href={`/tag/${t}/`}>{t}</a></span>
-          ))}
-        </div>
+    {post.cover && (
+      <div class="post-row-img">
+        <img src={post.cover} alt="" loading="lazy" />
       </div>
-    </a>
+    )}
+    <div class="post-row-body">
+      <h3 class="post-row-title">
+        <a class="card-link" href={`/${post.slug}/`}>{post.title}</a>
+      </h3>
+      <p class="post-row-excerpt">{post.rawExcerpt}</p>
+      <div class="post-row-meta">
+        <time>{fmt(post.date)}</time>
+        {post.tags.slice(0, 3).map((t) => (
+          <span class="post-row-tag"><a href={`/tag/${t}/`}>{t}</a></span>
+        ))}
+      </div>
+    </div>
   </article>
 ))}