summaryrefslogtreecommitdiffstats
path: root/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
diff options
context:
space:
mode:
Diffstat (limited to 'themes/danix-xyz-hacker/layouts/partials/article-list-item.html')
-rw-r--r--themes/danix-xyz-hacker/layouts/partials/article-list-item.html17
1 files changed, 16 insertions, 1 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/article-list-item.html b/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
index d473e9a..d0ab504 100644
--- a/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
+++ b/themes/danix-xyz-hacker/layouts/partials/article-list-item.html
@@ -4,6 +4,7 @@
{{ $excerpt := .Description | default .Summary }}
{{ $imageURL := "" }}
+{{ $useDefaultThumbnail := false }}
{{ if .Params.image }}
{{ $resource := .Resources.GetMatch .Params.image }}
{{ if $resource }}
@@ -11,18 +12,32 @@
{{ else }}
{{ $imageURL = .Params.image }}
{{ end }}
+{{ else }}
+ {{ $useDefaultThumbnail = true }}
{{ end }}
<article class="card group bg-bg">
<!-- Thumbnail -->
- {{ if $imageURL }}
+ {{ if or $imageURL $useDefaultThumbnail }}
<a href="{{ .RelPermalink }}" class="block overflow-hidden bg-surface/50 relative" tabindex="-1">
+ {{ if $useDefaultThumbnail }}
+ <picture>
+ <source srcset="/images/default_thumbnail_light.png" media="(prefers-color-scheme: light)" />
+ <img
+ src="/images/default_thumbnail_dark.png"
+ alt="{{ .Title }}"
+ class="card-image group-hover:scale-105 transition-transform duration-200"
+ loading="lazy"
+ />
+ </picture>
+ {{ else }}
<img
src="{{ $imageURL }}"
alt="{{ .Title }}"
class="card-image group-hover:scale-105 transition-transform duration-200"
loading="lazy"
/>
+ {{ end }}
<!-- Type badge pill overlay -->
{{ if $typeData }}
<div