From 1927573c57659a47c8e241faa8c0c48782e8dc56 Mon Sep 17 00:00:00 2001
From: BernatBC <bernat.borrasc@gmail.com>
Date: Wed, 14 Feb 2024 22:44:34 +0100
Subject: [PATCH 1/6] Add tags in post cards from search results

---
 assets/scripts/pages/search.js | 12 +++++++++++-
 layouts/_default/search.html   | 15 ++++++++++-----
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/assets/scripts/pages/search.js b/assets/scripts/pages/search.js
index cd5eb080c..3c4bfd4fd 100644
--- a/assets/scripts/pages/search.js
+++ b/assets/scripts/pages/search.js
@@ -1,5 +1,6 @@
 import Fuse from 'fuse.js'
 import Mark from 'mark.js'
+import * as params from '@params'
 
 window.addEventListener('DOMContentLoaded', () => {
   const summaryInclude = 60
@@ -79,6 +80,15 @@ window.addEventListener('DOMContentLoaded', () => {
       // pull template from hugo template definition
       const templateDefinition = document.getElementById('search-result-template').innerHTML
       // replace values
+      function tagsHTML() {
+        if (!params.tags) return '';
+        const tags = value.item.tags;
+        let string = '<ul style="padding-left: 0;">';
+        tags.forEach((t) => {string += '<li class="rounded"><a href="/tags/' + t.toLowerCase() + '/" class="btn btn-sm btn-info">' + t + "</a></li>"});
+        string += "</ul>";
+        return string;
+      }
+
       const output = render(templateDefinition, {
         key,
         title: value.item.title,
@@ -86,7 +96,7 @@ window.addEventListener('DOMContentLoaded', () => {
         date: value.item.date,
         summary: value.item.summary,
         link: value.item.permalink,
-        tags: value.item.tags,
+        tags: tagsHTML(),
         categories: value.item.categories,
         snippet
       })
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 75aad9829..73ac11cbd 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -35,21 +35,26 @@
 
         <script id="search-result-template" type="text/x-js-template">
           <div class="post-card">
-            <a href="${link}" class="post-card-link">
-              <div class="card" style="min-height: 352px;"><a href="${link}" class="post-card-link">
+              <div class="card">
                 <div class="card-head">
+                  <a href="${link}" class="post-card-link">
                   <img class="card-img-top" src="${hero}" alt="Card Heading Image">
+                  </a>
                 </div>
                 <div class="card-body">
-                  <h5 class="card-title">${title}</h5>
-                  <p class="card-text post-summary">${summary}</p>
+                  <a href="${link}" class="post-card-link">
+                    <h5 class="card-title">${title}</h5>
+                    <p class="card-text post-summary">${summary}</p>
+                  </a>
+                  <div class="tags">
+                    ${tags}
+                  </div>
                 </div>
                 <div class="card-footer">
                   <span class="float-left">${date}</span>
                   <a href="${link}" class="float-right btn btn-outline-info btn-sm">Read</a>
                 </div>
               </div>
-	          </a>
           </div>
         </script>
 

From 7bc0fd22273196139832ee06a0ea147f847cbaf6 Mon Sep 17 00:00:00 2001
From: BernatBC <bernat.borrasc@gmail.com>
Date: Mon, 19 Feb 2024 08:15:08 +0100
Subject: [PATCH 2/6] Use on_card parameter to decide to show the cards or not

---
 assets/scripts/pages/search.js | 1 -
 layouts/_default/search.html   | 2 ++
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/scripts/pages/search.js b/assets/scripts/pages/search.js
index 3c4bfd4fd..9a7cab77b 100644
--- a/assets/scripts/pages/search.js
+++ b/assets/scripts/pages/search.js
@@ -81,7 +81,6 @@ window.addEventListener('DOMContentLoaded', () => {
       const templateDefinition = document.getElementById('search-result-template').innerHTML
       // replace values
       function tagsHTML() {
-        if (!params.tags) return '';
         const tags = value.item.tags;
         let string = '<ul style="padding-left: 0;">';
         tags.forEach((t) => {string += '<li class="rounded"><a href="/tags/' + t.toLowerCase() + '/" class="btn btn-sm btn-info">' + t + "</a></li>"});
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 73ac11cbd..5b4f98ffa 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -46,9 +46,11 @@
                     <h5 class="card-title">${title}</h5>
                     <p class="card-text post-summary">${summary}</p>
                   </a>
+                  {{ if site.Params.features.tags.on_card }}
                   <div class="tags">
                     ${tags}
                   </div>
+                  {{ end }}
                 </div>
                 <div class="card-footer">
                   <span class="float-left">${date}</span>

From 04756490b9f809472871fcfbd9a876d6daf1c729 Mon Sep 17 00:00:00 2001
From: BernatBC <bernat.borrasc@gmail.com>
Date: Mon, 19 Feb 2024 08:28:22 +0100
Subject: [PATCH 3/6] Fix search cards height

---
 assets/scripts/pages/search.js | 1 -
 layouts/_default/search.html   | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/assets/scripts/pages/search.js b/assets/scripts/pages/search.js
index 9a7cab77b..4734e1225 100644
--- a/assets/scripts/pages/search.js
+++ b/assets/scripts/pages/search.js
@@ -1,6 +1,5 @@
 import Fuse from 'fuse.js'
 import Mark from 'mark.js'
-import * as params from '@params'
 
 window.addEventListener('DOMContentLoaded', () => {
   const summaryInclude = 60
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 5b4f98ffa..1164e8cea 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -31,7 +31,7 @@
 <section class="content-section" id="content-section">
   <div class="content container-fluid" id="content">
     <div class="container-fluid post-card-holder" id="post-card-holder">
-      <div id="search-results">
+      <div id="search-results" style="display: flex;">
 
         <script id="search-result-template" type="text/x-js-template">
           <div class="post-card">

From df72eee6e50d3e0f6d4302985955e3152c6cbeae Mon Sep 17 00:00:00 2001
From: BernatBC <bernat.borrasc@gmail.com>
Date: Mon, 19 Feb 2024 08:57:59 +0100
Subject: [PATCH 4/6] Minor fix

---
 assets/scripts/pages/search.js | 7 +++----
 layouts/_default/search.html   | 2 ++
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/assets/scripts/pages/search.js b/assets/scripts/pages/search.js
index 4734e1225..d39d98df1 100644
--- a/assets/scripts/pages/search.js
+++ b/assets/scripts/pages/search.js
@@ -79,11 +79,10 @@ window.addEventListener('DOMContentLoaded', () => {
       // pull template from hugo template definition
       const templateDefinition = document.getElementById('search-result-template').innerHTML
       // replace values
-      function tagsHTML() {
+      function adaptTags() {
         const tags = value.item.tags;
-        let string = '<ul style="padding-left: 0;">';
+        let string = '';
         tags.forEach((t) => {string += '<li class="rounded"><a href="/tags/' + t.toLowerCase() + '/" class="btn btn-sm btn-info">' + t + "</a></li>"});
-        string += "</ul>";
         return string;
       }
 
@@ -94,7 +93,7 @@ window.addEventListener('DOMContentLoaded', () => {
         date: value.item.date,
         summary: value.item.summary,
         link: value.item.permalink,
-        tags: tagsHTML(),
+        tags: adaptTags(),
         categories: value.item.categories,
         snippet
       })
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 1164e8cea..917cdea0d 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -48,7 +48,9 @@ <h5 class="card-title">${title}</h5>
                   </a>
                   {{ if site.Params.features.tags.on_card }}
                   <div class="tags">
+                    <ul style="padding-left: 0;">
                     ${tags}
+                    </ul>
                   </div>
                   {{ end }}
                 </div>

From 5d657f91793767162da1714afaeab326afccabd0 Mon Sep 17 00:00:00 2001
From: BernatBC <bernat.borrasc@gmail.com>
Date: Mon, 19 Feb 2024 10:28:57 +0100
Subject: [PATCH 5/6] Fix null tags

---
 assets/scripts/pages/search.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scripts/pages/search.js b/assets/scripts/pages/search.js
index d39d98df1..87cd0c53e 100644
--- a/assets/scripts/pages/search.js
+++ b/assets/scripts/pages/search.js
@@ -82,7 +82,7 @@ window.addEventListener('DOMContentLoaded', () => {
       function adaptTags() {
         const tags = value.item.tags;
         let string = '';
-        tags.forEach((t) => {string += '<li class="rounded"><a href="/tags/' + t.toLowerCase() + '/" class="btn btn-sm btn-info">' + t + "</a></li>"});
+        if (tags) tags.forEach((t) => {string += '<li class="rounded"><a href="/tags/' + t.toLowerCase() + '/" class="btn btn-sm btn-info">' + t + "</a></li>"});
         return string;
       }
 

From 5b3d489bfb0271b3e54790ea29adae2dcd5562c4 Mon Sep 17 00:00:00 2001
From: hossainemruz <hossainemruz@gmail.com>
Date: Fri, 23 Feb 2024 23:34:38 +0600
Subject: [PATCH 6/6] Fix CSS not applied properly in search page

Signed-off-by: hossainemruz <hossainemruz@gmail.com>
---
 layouts/_default/search.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 917cdea0d..5877e7ddd 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -28,6 +28,9 @@
 {{ end }}
 
 {{ define "content" }}
+<script>
+  document.body.classList.replace('kind-page', 'kind-section');
+</script>
 <section class="content-section" id="content-section">
   <div class="content container-fluid" id="content">
     <div class="container-fluid post-card-holder" id="post-card-holder">