From 7775f21642b334c6b8de54f2dd083bc268d924cf Mon Sep 17 00:00:00 2001
From: norioriroiron <97643161+norioriroiron@users.noreply.github.com>
Date: Thu, 9 Jul 2026 18:55:16 -0400
Subject: [PATCH 1/5] add description

---
 src/components/Card.astro | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 106bebb..02f06e1 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -46,6 +46,10 @@ const { data, id } = entry;
       }
       <p class="text-muted mt-1 text-sm">
         Built by {data.builtBy.map((person) => person.name).join(', ')}
+
+        <p class="text-muted line-clamp-2 text-sm">
+          {data.description}
+        </p>
       </p>
     </div>
   </a>

From 506047fe487099d8658a904c87a9223ce9098840 Mon Sep 17 00:00:00 2001
From: norioriroiron <97643161+norioriroiron@users.noreply.github.com>
Date: Thu, 9 Jul 2026 18:57:38 -0400
Subject: [PATCH 2/5] add tech chips

---
 src/components/Card.astro | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 02f06e1..24ed3f5 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -51,6 +51,18 @@ const { data, id } = entry;
           {data.description}
         </p>
       </p>
+
+      <ul
+        class="mt-2 flex max-h-12 flex-wrap items-start gap-1 overflow-hidden"
+      >
+        {
+          data.tech.map((t) => (
+            <li class="border-line text-muted rounded-full border px-2 py-0.5 text-xs">
+              {t}
+            </li>
+          ))
+        }
+      </ul>
     </div>
   </a>
 </article>

From e4f304e16ab219f798f7e5a82ebb9cc80da8eb65 Mon Sep 17 00:00:00 2001
From: norioriroiron <97643161+norioriroiron@users.noreply.github.com>
Date: Sat, 11 Jul 2026 21:48:44 -0400
Subject: [PATCH 3/5] update card style

---
 src/components/Card.astro | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 24ed3f5..8512229 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -32,32 +32,32 @@ const { data, id } = entry;
   data-tech={data.tech.join(', ')}
   data-author={data.builtBy.map((person) => person.name).join(', ')}
   data-description={data.description}
-  class="border-line bg-surface overflow-hidden rounded-[var(--radius-card)] border"
+  class="group border-line bg-surface overflow-hidden rounded-[var(--radius-card)] border duration-200 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:transition"
 >
   <a href={`/projects/${id}`} class="block">
     <CardCover cover={data.cover} title={data.title} />
     <div class="p-4">
       <div class="flex items-baseline justify-between gap-2">
-        <h2 class="font-semibold tracking-tight">{data.title}</h2>
+        <h2 class="group-hover:text-accent font-semibold tracking-tight">
+          {data.title}
+        </h2>
         <span class="text-muted shrink-0 text-xs">{data.year}</span>
       </div>
       {
         /* Plain text — the whole card is already a link, so no nested anchors. */
       }
-      <p class="text-muted mt-1 text-sm">
+      <p class="group-hover:text-ink text-muted mt-1 text-sm">
         Built by {data.builtBy.map((person) => person.name).join(', ')}
 
-        <p class="text-muted line-clamp-2 text-sm">
+        <p class="group-hover:text-ink text-muted line-clamp-2 text-sm">
           {data.description}
         </p>
       </p>
 
-      <ul
-        class="mt-2 flex max-h-12 flex-wrap items-start gap-1 overflow-hidden"
-      >
+      <ul class="mt-2 flex h-12 flex-wrap items-start gap-1 overflow-hidden">
         {
           data.tech.map((t) => (
-            <li class="border-line text-muted rounded-full border px-2 py-0.5 text-xs">
+            <li class="group-hover:bg-accent/10 group-hover:text-ink border-line text-muted rounded-full border px-2 py-0.5 text-xs">
               {t}
             </li>
           ))

From 1b3c09f9546d66cd5a84b2ecd547d2d02160e775 Mon Sep 17 00:00:00 2001
From: AJaccP <paditya1708@gmail.com>
Date: Sun, 12 Jul 2026 16:15:58 -0400
Subject: [PATCH 4/5] minor styling changes

---
 src/components/Card.astro                     | 44 ++++++++++++++-----
 .../projects/example-project-1/index.md       |  2 +-
 2 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 8512229..06b9a3b 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -23,6 +23,12 @@ interface Props {
 
 const { entry } = Astro.props;
 const { data, id } = entry;
+
+// Tech chips are capped to keep the row on a single line (the full list still
+// lives in data-tech for search).
+const maxTech = 3;
+const shownTech = data.tech.slice(0, maxTech);
+const extraTech = data.tech.length - maxTech;
 ---
 
 <article
@@ -32,36 +38,52 @@ const { data, id } = entry;
   data-tech={data.tech.join(', ')}
   data-author={data.builtBy.map((person) => person.name).join(', ')}
   data-description={data.description}
-  class="group border-line bg-surface overflow-hidden rounded-[var(--radius-card)] border duration-200 ease-in-out hover:-translate-y-2 hover:shadow-2xl hover:transition"
+  class="group border-line bg-surface overflow-hidden rounded-[var(--radius-card)] border transition duration-200 ease-in-out hover:-translate-y-2 hover:shadow-2xl"
 >
   <a href={`/projects/${id}`} class="block">
     <CardCover cover={data.cover} title={data.title} />
     <div class="p-4">
       <div class="flex items-baseline justify-between gap-2">
-        <h2 class="group-hover:text-accent font-semibold tracking-tight">
+        <h2
+          class="group-hover:text-accent font-semibold tracking-tight transition-colors"
+        >
           {data.title}
         </h2>
-        <span class="text-muted shrink-0 text-xs">{data.year}</span>
+        <span
+          class="text-muted group-hover:text-ink shrink-0 text-xs transition-colors"
+        >
+          {data.year}
+        </span>
       </div>
       {
         /* Plain text — the whole card is already a link, so no nested anchors. */
       }
-      <p class="group-hover:text-ink text-muted mt-1 text-sm">
+      <p
+        class="group-hover:text-ink text-muted mt-1 truncate text-sm transition-colors"
+      >
         Built by {data.builtBy.map((person) => person.name).join(', ')}
-
-        <p class="group-hover:text-ink text-muted line-clamp-2 text-sm">
-          {data.description}
-        </p>
+      </p>
+      <p
+        class="group-hover:text-ink text-muted mt-2 line-clamp-2 text-sm transition-colors"
+      >
+        {data.description}
       </p>
 
-      <ul class="mt-2 flex h-12 flex-wrap items-start gap-1 overflow-hidden">
+      <ul class="mt-2 flex flex-nowrap items-start gap-1 overflow-hidden">
         {
-          data.tech.map((t) => (
-            <li class="group-hover:bg-accent/10 group-hover:text-ink border-line text-muted rounded-full border px-2 py-0.5 text-xs">
+          shownTech.map((t) => (
+            <li class="border-line text-muted shrink-0 rounded-full border px-2 py-0.5 text-xs whitespace-nowrap">
               {t}
             </li>
           ))
         }
+        {
+          extraTech > 0 && (
+            <li class="border-line text-muted shrink-0 rounded-full border px-2 py-0.5 text-xs whitespace-nowrap">
+              +{extraTech} more
+            </li>
+          )
+        }
       </ul>
     </div>
   </a>
diff --git a/src/content/projects/example-project-1/index.md b/src/content/projects/example-project-1/index.md
index f89c5fa..2db8db6 100644
--- a/src/content/projects/example-project-1/index.md
+++ b/src/content/projects/example-project-1/index.md
@@ -8,7 +8,7 @@ builtBy:
     url: 'https://example.com/student-3'
   - name: 'Example Student 4'
     url: 'https://example.com/student-4'
-tech: ['TypeScript', 'pnpm']
+tech: ['TypeScript', 'pnpm', 'TypeScript', 'pnpm', 'TypeScript', 'pnpm',]
 year: 2021
 domains: ['web', 'cybersecurity']
 github: 'https://github.com/example/example-project-1'

From 5e7470c658c436ff06d43e56d573a93772e84bc2 Mon Sep 17 00:00:00 2001
From: AJaccP <paditya1708@gmail.com>
Date: Sun, 12 Jul 2026 16:17:23 -0400
Subject: [PATCH 5/5] fix trailing comma

---
 src/content/projects/example-project-1/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/projects/example-project-1/index.md b/src/content/projects/example-project-1/index.md
index 2db8db6..a3f4392 100644
--- a/src/content/projects/example-project-1/index.md
+++ b/src/content/projects/example-project-1/index.md
@@ -8,7 +8,7 @@ builtBy:
     url: 'https://example.com/student-3'
   - name: 'Example Student 4'
     url: 'https://example.com/student-4'
-tech: ['TypeScript', 'pnpm', 'TypeScript', 'pnpm', 'TypeScript', 'pnpm',]
+tech: ['TypeScript', 'pnpm', 'TypeScript', 'pnpm', 'TypeScript', 'pnpm']
 year: 2021
 domains: ['web', 'cybersecurity']
 github: 'https://github.com/example/example-project-1'