From 7a13351ea2eca01a03158406a7bbf9e3cc54b85f Mon Sep 17 00:00:00 2001
From: Aroy-Art <Aroy-Art@pm.me>
Date: Mon, 12 Feb 2024 18:36:09 +0100
Subject: [PATCH] Update blog post list to use masonry layout

---
 layouts/_default/article.html |  8 ++++----
 layouts/_default/list.html    | 21 +++++++++++++--------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/layouts/_default/article.html b/layouts/_default/article.html
index d3e836d..ede00f1 100644
--- a/layouts/_default/article.html
+++ b/layouts/_default/article.html
@@ -1,7 +1,7 @@
-<article class="col-lg-4 col-md-6 col-12 clearfix wow fadeInUp mb-4" data-wow-duration="500ms">
-    <div class="post-block border-glow-2">
-        <div class="media-wrapper">
-            <img class="img-fluid lozad" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
+<article class="col-sm-6 col-lg-4 mb-4 clearfix" data-wow-duration="500ms">
+    <div class="card post-block border-glow-2">
+        <div class="card-img">
+            <img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
         </div>
         
         {{ partial "get_tags.html" . }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index eb92e0b..b72f6a7 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -10,26 +10,31 @@
         <div class="row">
             <div class="col-12">
                 {{"<!-- Section Title -->" | safeHTML }}
-                <dir class="title text-center wow fadeInDown">
+                <div class="title text-center wow fadeInDown">
                     <h2>{{ with i18n "blogTitle" }} {{ index (split . " ") 0 | safeHTML }} {{ end }}<span class="color">
                         {{ with i18n "blogTitle" }} {{ index (split . " ") 1 | safeHTML }} {{ end }}</span></h2>
-                        <div class="border-Rinkusu"></div>
-                </dir>
+                    <div class="border-Rinkusu"></div>
+                </div>
+                {{"<!-- /Section Title -->" | safeHTML }}
             </div>
-
-            {{ partial "tagcloud.html" . }}
-
-            {{"<!-- Section Title -->" | safeHTML }}
+        </div>    
+            
+        {{ partial "tagcloud.html" . }}
+                
+        <div class="row blog-post" data-masonry='{ "percentPosition": true }'>
             {{ $paginator := .Paginate .Data.Pages}}
             {{ range $paginator.Pages }}
-            {{ .Render "article" }}
+                {{ .Render "article" }}
             {{ end }}
+        
             <div class="col-12">
                 {{ template "_internal/pagination.html" . }}
             </div>
         </div>
     </div>
+    <script src="/plugins/image-loaded/imagesloaded.pkgd.min.js"></script>
 </section>
 {{"<!-- /Blog Section -->" | safeHTML }}
 
 {{ end }}
+    
\ No newline at end of file