diff options
| author |  SayaAndy <montferrat@tuta.io>
| 2025-08-18 17:01:53 +0700 |
|---|---|---|
| committer | SayaAndy <montferrat@tuta.io>
| 2025-08-18 17:01:53 +0700 |
| commit | f089ba2435eb4a54ab4e6b2c20d91d0c9f872a2d (patch) | |
| tree | bf1ad3ab86842d35b96f58ca5be20c97e5aaadfd /internal/lightgallery | |
| parent | 8596dc0130ea3f175e0752ddf74e34a2f16fba28 (diff) | |
| download | web-f089ba2435eb4a54ab4e6b2c20d91d0c9f872a2d.tar.gz web-f089ba2435eb4a54ab4e6b2c20d91d0c9f872a2d.zip | |
refactor: more line height in gallery captions
feat: fixate gallery divs to viewport measures
feat: make thumbnails square
feat: remove recreating gallery on window resize
Diffstat (limited to 'internal/lightgallery')
| -rw-r--r-- | internal/lightgallery/html_renderer.go | 20 |
1 files changed, 5 insertions, 15 deletions
diff --git a/internal/lightgallery/html_renderer.go b/internal/lightgallery/html_renderer.go index 7ecad44..849759e 100644 --- a/internal/lightgallery/html_renderer.go +++ b/internal/lightgallery/html_renderer.go @@ -83,15 +83,15 @@ func (r *LightGalleryHTMLRenderer) renderLightGallery(w util.BufWriter, source [ thumb: "https://f003.backblazeb2.com/file/sayana-photos/webp-320p/%s.webp", subHtml: `+"`"+`<div class="flex flex-row light-gallery-captions"> - <p class="grow !text-[1vmax]/[0.9] text-left font-spectral text-main-dark">%s</p> - <p class="!text-[1vmax]/[0.9] text-right font-spectral text-secondary">%s</p> + <p class="grow !text-[1vmax]/[1] text-left font-spectral text-main-dark">%s</p> + <p class="!text-[1vmax]/[1] text-right font-spectral text-secondary">%s</p> </div>`+"`"+` }`, img.URL, img.URL, util.EscapeHTML(captionHTML), imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, imageUrlWithoutExt, captionHTML, dayDate.Format("2006-01-02 15:04:05 -07:00"))) } w.WriteString(fmt.Sprintf(` <script> -function createLightLibrary%s() { +function createLightGallery%s() { const $lgContainer = document.getElementById('lg-%s'); const inlineGallery = lightGallery($lgContainer, { container: $lgContainer, @@ -116,18 +116,8 @@ function createLightLibrary%s() { }, 200); } -document.addEventListener('DOMContentLoaded', createLightLibrary%s); - -let resizeTimer%s; -window.addEventListener("resize", () => { - clearTimeout(resizeTimer%s); - resizeTimer%s = setTimeout(() => { - const $lgContainer = document.getElementById('lg-%s'); - $lgContainer.innerHTML = ""; - createLightLibrary%s(); - }, 1000); -}); -</script>`, galleryID, galleryID, strings.Join(dynamicElements, ","), galleryID, galleryID, galleryID, galleryID, galleryID, galleryID)) +document.addEventListener('DOMContentLoaded', createLightGallery%s); +</script>`, galleryID, galleryID, strings.Join(dynamicElements, ","), galleryID)) } return ast.WalkContinue, nil |