diff options
| author | Volpeon <git@volpeon.ink> | 2021-12-22 11:42:42 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-12-22 11:42:42 +0100 |
| commit | 9a75b51d9922d3ab3bc53e2f1fafb5a0aa27501a (patch) | |
| tree | 38a1792c640dadf51d424eb3df1b87a401269f8e /templates/partials | |
| parent | Fixed accessibility issues (diff) | |
| download | volpeon.ink-9a75b51d9922d3ab3bc53e2f1fafb5a0aa27501a.tar.gz volpeon.ink-9a75b51d9922d3ab3bc53e2f1fafb5a0aa27501a.tar.bz2 volpeon.ink-9a75b51d9922d3ab3bc53e2f1fafb5a0aa27501a.zip | |
Lazy-load thumbnails
Diffstat (limited to 'templates/partials')
| -rw-r--r-- | templates/partials/gallery_card.html | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html index f3c85e8..aa641da 100644 --- a/templates/partials/gallery_card.html +++ b/templates/partials/gallery_card.html | |||
| @@ -3,7 +3,12 @@ $if(it.thumbnail)$ | |||
| 3 | <a href="$it.url.rel$" class="l-card-list__card c-card"> | 3 | <a href="$it.url.rel$" class="l-card-list__card c-card"> |
| 4 | <div class="c-card__row c-card__row--flush"> | 4 | <div class="c-card__row c-card__row--flush"> |
| 5 | <div class="c-card__thumbnail"> | 5 | <div class="c-card__thumbnail"> |
| 6 | <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" alt="Preview thumbnail of "$it.title$"" /> | 6 | <img |
| 7 | class="c-card__thumbnail-img" | ||
| 8 | src="$it.thumbnail.rel$" | ||
| 9 | alt="Preview thumbnail of "$it.title$"" | ||
| 10 | loading="lazy" | ||
| 11 | /> | ||
| 7 | </div> | 12 | </div> |
| 8 | </div> | 13 | </div> |
| 9 | <div class="c-card__row c-card__row--hidden"> | 14 | <div class="c-card__row c-card__row--hidden"> |