Add description and date to sample cards on overview page

[Copilot]

Sample cards on /samples/ only showed title and author avatars. Now they also display shortDescription (2-line clamp) and the formatted updateDateTime.

• Added shortDescription paragraph below title, styled with line-clamp-2 and var(--text-muted)
• Added updateDateTime in en-GB locale next to author avatars in card footer
• Wrapped avatars + date in a flex container with gap-3

Card structure before → after:

┌──────────────┐     ┌──────────────┐
│  thumbnail   │     │  thumbnail   │
│  Title       │     │  Title       │
│              │     │  Description │
│  👤👤    →  │     │  👤👤 date →  │
└──────────────┘     └──────────────┘

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro dev --port 4323 (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro dev --host 0.0.0.0 --port 4325 (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro build (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Add description and date to sample card on the overview page</issue_title>
<issue_description></issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Add description and date to sample card on the overview page #13

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[waldekmastykarz]

@copilot can you make a screenshot of your changes?

[Copilot]

@copilot can you make a screenshot of your changes?

Here's a screenshot of the updated sample cards (commit 780be69), rendered with test data. Each card now shows the shortDescription (2-line clamp) below the title, and the updateDateTime next to the author avatars in the footer:

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• telemetry.astro.build
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro build (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/dev-proxy-tools.github.io/dev-proxy-tools.github.io/node_modules/.bin/astro dev --host 0.0.0.0 --port 4400 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[waldekmastykarz]

@copilot why are all the images broken?

[Copilot]

@copilot why are all the images broken?

The images appear broken only because the screenshot was taken in a sandboxed environment that blocks external network requests (to raw.githubusercontent.com for thumbnails and avatars.githubusercontent.com for avatars). My changes didn't modify any image-related code — the thumbnail and avatar <img> elements are unchanged from the original. When deployed, all images will load normally.

The key parts to focus on in the screenshot are the new description text below each title and the date next to the avatars in the footer — those are the actual changes.