From 1e886d9586be0420d8c3f4cd449745a7c1b80eb5 Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Thu, 30 Oct 2025 10:49:51 -0300
Subject: [PATCH] added masonry

---
 js/masonry-init.js                         | 7 +++++++
 olivespostcards.libraries.yml              | 1 +
 templates/layout/page--postcards.html.twig | 1 -
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100755 js/masonry-init.js

diff --git a/js/masonry-init.js b/js/masonry-init.js
new file mode 100755
index 0000000..0cc1b42
--- /dev/null
+++ b/js/masonry-init.js
@@ -0,0 +1,7 @@
+
+var elem = document.querySelector('.view-content');
+var msnry = new Masonry( elem, {
+  // options
+  itemSelector: '.views-row',
+  columnWidth: 400
+});
diff --git a/olivespostcards.libraries.yml b/olivespostcards.libraries.yml
index f2ca50f..4c6f899 100755
--- a/olivespostcards.libraries.yml
+++ b/olivespostcards.libraries.yml
@@ -310,6 +310,7 @@ masonry:
   version: VERSION  # Optional: track version
   js:
     js/masonry.pkgd.min.js: { minified: true }
+    js/masonry-init.js: { minified: true }
   dependencies:
     - core/jquery  # Required for Masonry
   css: {}  # Optional: if you need custom CSS
diff --git a/templates/layout/page--postcards.html.twig b/templates/layout/page--postcards.html.twig
index 49d2aef..6114b45 100755
--- a/templates/layout/page--postcards.html.twig
+++ b/templates/layout/page--postcards.html.twig
@@ -135,4 +135,3 @@
 
   </div>
 </div>
-