Improve category filtering to be more precise

layouts/_default/index.html

@@ -41,7 +41,9 @@ document.addEventListener('DOMContentLoaded', function() {
         if (cat === 'all') {
           card.style.display = '';
         } else {
-          card.style.display = card.innerHTML.includes(`category=\"${cat}\"`) ? '' : 'none';
+          // Add a data-category attribute to make filtering more reliable
+          const category = card.getAttribute('data-category');
+          card.style.display = (category === cat) ? '' : 'none';
         }
       });
     });

layouts/partials/card.html

@@ -1,4 +1,4 @@
-<div class="card">
+<div class="card" data-category="{{ .Params.category }}">
   {{ with .Params.image }}
     <img src="{{ . }}" alt="{{ $.Title }} cover">
   {{ else }}