From 675187cdf82ea4b28211f12158e87c107d9bb032 Mon Sep 17 00:00:00 2001
From: theoneand33 <theoneand33@users.noreply.github.com>
Date: Tue, 15 Sep 2026 13:04:30 +1200
Subject: [PATCH] feat(home): style popular links as pills

- Replace plain blue links with pill badges on home page
---
 src/pages/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 55307d0..862d6eb 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -46,7 +46,7 @@ const popularGames = knownGames.slice(0, POPULAR_COUNT);
     <h2 class="font-semibold text-gray-700 dark:text-neutral-300">Popular:</h2>
     {
       popularGames.map((slug) => (
-        <a href={"/games/" + slug} class="text-blue-600 dark:text-blue-400 hover:underline"
+        <a href={"/games/" + slug} class="inline-flex h-5 items-center rounded-full border border-transparent bg-gray-100 px-2 py-0.5 text-xs font-medium whitespace-nowrap text-gray-800 transition-colors hover:bg-gray-200 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:bg-neutral-700"
           >{gamesMap[slug].title}</a
         >
       ))