diff options
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.html | 17 |
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 |
