diff options
| author |  SayaAndy <montferrat@tuta.io>
| 2025-08-18 15:56:56 +0700 |
|---|---|---|
| committer | SayaAndy <montferrat@tuta.io>
| 2025-08-18 15:56:56 +0700 |
| commit | 647be7ed9b50b15d9c4e4ac47776f64d544b27e6 (patch) | |
| tree | 1c597cfb85426d9be088f9a0ff613397314ee765 /views | |
| parent | 7e66eb1ea95f97a80f13be054e840beea4337ab4 (diff) | |
| download | web-647be7ed9b50b15d9c4e4ac47776f64d544b27e6.tar.gz web-647be7ed9b50b15d9c4e4ac47776f64d544b27e6.zip | |
feat: use webp of various sizes (320/560/800/1200/1600w) as thumbnails
Diffstat (limited to 'views')
| -rw-r--r-- | views/pages/global-map.html | 2 | ||||
| -rw-r--r-- | views/partials/catalogue-blog-cards.html | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/views/pages/global-map.html b/views/pages/global-map.html index cbb6c7d..09d7ab2 100644 --- a/views/pages/global-map.html +++ b/views/pages/global-map.html @@ -216,7 +216,7 @@ }).addTo(map) .bindPopup(` <div class="flex flex-row justify-center justify-items-center"> - <img onclick="location.href='${link}';" class="cursor-pointer object-cover rounded-[10%] select-none w-[3vmax] h-[3vmax] mr-[0.5vmax]" src="https://f003.backblazeb2.com/file/sayana-photos/thumbnails/${thumbnail}.webp"> + <img onclick="location.href='${link}';" class="cursor-pointer object-cover rounded-[10%] select-none w-[3vmax] h-[3vmax] mr-[0.5vmax]" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/${thumbnail}.webp"> <span><b><a href="${link}">${title}</a></b><br><a href="https://www.openstreetmap.org/#map=13/${x}/${y}">${x}, ${y}</a></span> </div>`); } diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html index 406ef9b..62e931a 100644 --- a/views/partials/catalogue-blog-cards.html +++ b/views/partials/catalogue-blog-cards.html @@ -1,7 +1,7 @@ {{- range .BlogPages }} <hr class="first-of-type:hidden border-t-[0.3vh] my-[0.8vmin] border-dotted border-main-dark w-[80%] mx-auto"> <div class="m-[0.4vmin] flex flex-row justify-center justify-items-center"> - <img onclick="location.href='{{ .ArticleLink }}';" class="cursor-pointer object-cover rounded-[10%] select-none w-[10vmin] h-[10vmin] aspect-square my-[0.4vmin] mr-[0.8vmin]" src="https://f003.backblazeb2.com/file/sayana-photos/thumbnails/{{ .Thumbnail }}.webp"> + <img onclick="location.href='{{ .ArticleLink }}';" class="cursor-pointer object-cover rounded-[10%] select-none w-[10vmin] h-[10vmin] aspect-square my-[0.4vmin] mr-[0.8vmin]" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp"> <div class="grow my-[0.4vmin] mx-[0.8vmin] flex flex-col justify-center"> <div class="flex flex-row gap-[5%] max-w-[100%]"> <a href="{{ .ArticleLink }}" class="flex-9/12 grow-0 block text-[1vmax] cursor-pointer"> |