fix: correctly pack galleries on mobiles

feat: switch masonry to packery
debug: log app shutdown more

2 files changed, 10 insertions, 6 deletions

diff --git a/internal/glightbox/html_renderer.go b/internal/glightbox/html_renderer.go
index 7022793..b7b256a 100644
--- a/internal/glightbox/html_renderer.go
+++ b/internal/glightbox/html_renderer.go
@@ -133,9 +133,9 @@ func (r *GLightboxHTMLRenderer) renderGLightbox(w util.BufWriter, source []byte,
 		}
 
 		w.WriteString(fmt.Sprintf(`
-<div class="justify-content-center display-block">
+<div class="items-center flex flex-col">
 	<hr class="border-t-3 border-dotted border-main-hard mt-1 mb-2 w-[80%%] ml-auto mr-auto">
-	<div class="grid masonry-grid-%s mx-auto">
+	<div class="grid masonry-grid-%s">
 		<div class="grid-sizer grid-sizer-%s"></div>
 		%s
 	</div>
@@ -144,11 +144,10 @@ func (r *GLightboxHTMLRenderer) renderGLightbox(w util.BufWriter, source []byte,
 
 		w.WriteString(fmt.Sprintf(`
 <script>
-	var msnry_%s = new Masonry('.masonry-grid-%s', {
+	var pckry_%s = new Packery('.masonry-grid-%s', {
 		itemSelector: '.grid-item-%s',
 		columnWidth: '.grid-sizer-%s',
-		percentPosition: false,
-		fitWidth: true
+		percentPosition: false
 	});
 
 	var imgLoad_%s_timer;
@@ -156,7 +155,7 @@ func (r *GLightboxHTMLRenderer) renderGLightbox(w util.BufWriter, source []byte,
 
 	function initMasonryLayout_%s(tm) {
 		clearTimeout(imgLoad_%s_timer);
-		imgLoad_%s_timer = setTimeout(() => msnry_%s.layout(), 100);
+		imgLoad_%s_timer = setTimeout(() => pckry_%s.layout(), 100);
 	}
 
 	imgLoad_%s.on('progress', initMasonryLayout_%s);
diff --git a/internal/router/router.go b/internal/router/router.go
index ef3f063..c0556f0 100644
--- a/internal/router/router.go
+++ b/internal/router/router.go
@@ -340,18 +340,23 @@ func (r *Router) Listen(endpoint string) error {
 
 func (r *Router) Close() (err error) {
 	allErrors := make([]error, 0)
+	slog.Debug("shutting down blog trigger scheduler")
 	if err = r.supplements.BlogTrigger.Close(); err != nil {
 		allErrors = append(allErrors, fmt.Errorf("fail to shutdown blog trigger scheduler: %w", err))
 	}
+	slog.Debug("shutting down fiber server")
 	if err = r.app.Shutdown(); err != nil {
 		allErrors = append(allErrors, fmt.Errorf("fail to shutdown fiber server: %w", err))
 	}
+	slog.Debug("dumping cache")
 	if err = r.supplements.ClientCache.Close(); err != nil {
 		allErrors = append(allErrors, fmt.Errorf("fail to dump cache: %w", err))
 	}
+	slog.Debug("closing db connection")
 	if err = r.supplements.DB.Close(); err != nil {
 		allErrors = append(allErrors, fmt.Errorf("fail to close db connection: %w", err))
 	}
+	slog.Debug("closing page cache")
 	r.supplements.PageCache.Close()
 	return errors.Join(allErrors...)
 }