From 60354cd6cc42fd27fee5a6ea0fb2c168c4bfe21e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 11 Feb 2026 08:22:14 +0000
Subject: [PATCH 1/2] Initial plan


From 780be69708f460c4d7a1a4feff331fc622e61a23 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 11 Feb 2026 08:27:19 +0000
Subject: [PATCH 2/2] Add description and date to sample cards on overview page

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>
---
 src/components/SampleGallery.astro | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/SampleGallery.astro b/src/components/SampleGallery.astro
index 9377dee..776c1ae 100644
--- a/src/components/SampleGallery.astro
+++ b/src/components/SampleGallery.astro
@@ -49,19 +49,23 @@ const { samples } = Astro.props;
           </div>
         )}
         <div class="p-6 flex flex-col flex-1">
-          <h3 class="text-lg font-semibold mb-4 group-hover:text-purple-400 transition-colors leading-snug">{sample.data.title}</h3>
+          <h3 class="text-lg font-semibold mb-2 group-hover:text-purple-400 transition-colors leading-snug">{sample.data.title}</h3>
+          <p class="text-sm leading-relaxed mb-4 line-clamp-2" style="color: var(--text-muted);">{sample.data.shortDescription}</p>
           <div class="flex items-center justify-between mt-auto pt-4 border-t" style="border-color: var(--border-primary);">
-            <div class="flex -space-x-2">
-              {sample.data.authors.map((author) => (
-                <img
-                  src={author.pictureUrl}
-                  alt={author.name}
-                  title={author.name}
-                  class="w-7 h-7 rounded-full border-2 transition-transform duration-200 hover:scale-110"
-                  style="border-color: var(--bg-secondary);"
-                  loading="lazy"
-                />
-              ))}
+            <div class="flex items-center gap-3">
+              <div class="flex -space-x-2">
+                {sample.data.authors.map((author) => (
+                  <img
+                    src={author.pictureUrl}
+                    alt={author.name}
+                    title={author.name}
+                    class="w-7 h-7 rounded-full border-2 transition-transform duration-200 hover:scale-110"
+                    style="border-color: var(--bg-secondary);"
+                    loading="lazy"
+                  />
+                ))}
+              </div>
+              <span class="text-xs" style="color: var(--text-faint);">{new Date(sample.data.updateDateTime).toLocaleDateString('en-GB', { year: 'numeric', month: 'long', day: 'numeric' })}</span>
             </div>
             <span class="text-purple-400 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-sm">&rarr;</span>
           </div>