From c78c7b5306852dc76991f3dc77f3445142c83ed8 Mon Sep 17 00:00:00 2001
From: LEGALISE_PIRACY <legalise_piracy@noreply.codeberg.org>
Date: Fri, 26 Jan 2024 06:28:32 +0000
Subject: [PATCH] Update projects.html

---
 projects.html | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/projects.html b/projects.html
index cafbe010..1c09f228 100644
--- a/projects.html
+++ b/projects.html
@@ -111,7 +111,7 @@ There is still an option to disable ads. You can also use an adblocker (which I
       <input class="hiddenUpload" type="file" accept=".save" hidden />
 
 
-      <input type="text" id="gamesearch" placeholder="Type here to search.." />
+      <input type="text" class="searchbar" id="gamesearch" placeholder="Type here to search.." />
       <div class="samerow">
         <sl-tooltip content="Remember to download your save, so you don't lose your progress." trigger="manual" class="manual-tooltip">
           <button onclick="downloadMainSave()">Download Save</button>
@@ -166,19 +166,22 @@ document.addEventListener("DOMContentLoaded", function () {
 </script>
 
 <script>
-  $(document).ready(function() {
-    $("#gamesearch").on("input", function() {
-      var filter = $(this).val().toUpperCase();
-      $(".game").each(function() {
-        var title = $(this).find("h1").text().toUpperCase();
-        if (title.indexOf(filter) > -1) {
-          $(this).show();
-        } else {
-          $(this).hide();
-        }
-      });
+ 
+    document.addEventListener('DOMContentLoaded', function () {
+        var searchbar = document.querySelector('.searchbar');
+        var games = document.querySelectorAll('.game');
+
+        searchbar.addEventListener('input', function () {
+            var filter = searchbar.value.toUpperCase();
+
+            games.forEach(function (game) {
+                var gameText = game.textContent || game.innerText;
+                var displayStyle = gameText.toUpperCase().includes(filter) ? '' : 'none';
+                game.style.display = displayStyle;
+            });
+        });
     });
-  });
+
 </script>
   </body>
 </html>