diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-15 22:14:02 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-15 22:14:02 +0200 |
| commit | bdce585ecc814b148827d9fb2a5fa4b2afe546e7 (patch) | |
| tree | c759e8f5f92afec082910ad97d63f25259331f6d /themes/danix-xyz-hacker/layouts/_default | |
| parent | d32ef68eabe6fb8d044d936d2e59909cd613920d (diff) | |
| download | danixxyz-bdce585ecc814b148827d9fb2a5fa4b2afe546e7.tar.gz danixxyz-bdce585ecc814b148827d9fb2a5fa4b2afe546e7.zip | |
Add thumbnail support to article listings
- Add 'image' front matter parameter for article thumbnails
- Redesign article-list-item.html as semantic article card:
- Large thumbnail (aspect-video, object-cover) at top if image is present
- Title linked to article page
- Publication date and type badge
- Excerpt (from .Description or .Summary with plainify)
- "Read more" CTA button with arrow icon and hover animation
- Increase list container width (max-w-2xl → max-w-3xl) and spacing (space-y-2 → space-y-6)
- Thumbnail image has subtle scale-up hover effect
- Arrow icon animates on hover
- All three clickable elements (.image, title, CTA) link to article
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'themes/danix-xyz-hacker/layouts/_default')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/_default/list.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/themes/danix-xyz-hacker/layouts/_default/list.html b/themes/danix-xyz-hacker/layouts/_default/list.html index 8d2c1ef..357b856 100644 --- a/themes/danix-xyz-hacker/layouts/_default/list.html +++ b/themes/danix-xyz-hacker/layouts/_default/list.html @@ -6,7 +6,7 @@ </h1> <!-- Articles list --> - <div class="space-y-2 max-w-2xl"> + <div class="space-y-6 max-w-3xl"> {{ $pinned := where .Pages "Params.pinned" true }} {{ $unpinned := where .Pages "Params.pinned" false }} |