Upload 3 files

script.js

@@ -338,8 +338,7 @@ function render(reset = true) {
     grid.innerHTML = "";
     page = 0;
   }
-  // start from page*perPage instead of 0
-  const slice = filtered.slice(page * perPage, (page + 1) * perPage);
+  const slice = filtered.slice(0, (page + 1) * perPage);
   slice.forEach((e) => {
     const card = document.createElement("div");
     card.className = "card";
@@ -353,7 +352,7 @@ function render(reset = true) {
     card.onclick = () => openModal(e);
     grid.appendChild(card);
   });
-  loadBtn.style.display = (page + 1) * perPage < filtered.length ? "block" : "none";
+  loadBtn.style.display = slice.length < filtered.length ? "block" : "none";
 }
 
 /* ======  SEARCH / FILTER  ====== */

styles.css

@@ -9,8 +9,6 @@
   --bg: #0f0f0f;
   --surface: rgba(255, 255, 255, 0.05);
   --border: rgba(255, 255, 255, 0.08);
-  --mono: "Gagalin", "JetBrains Mono", monospace;
-    
   --accent: linear-gradient(135deg, #ffb347 0%, #ffcc33 50%, #d2691e 100%);
   --accent-solid: #ffb347;
   --text: #ffffff;
@@ -30,9 +28,6 @@ body {
   line-height: 1.5;
   overflow-x: hidden;
 }
-.btn-copy {
-  font-family: "Gagalin", "JetBrains Mono", monospace !important;
-}
 
 /* 3.  Liquid BG */
 .liquid-bg {
@@ -80,6 +75,10 @@ nav a:hover { color: var(--accent-solid); }
 }
 .cta:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255, 179, 71, 0.35); }
 
+.btn-copy {
+  font-family: "Gagalin", "JetBrains Mono", monospace !important;
+}
+
 /* 6.  Stats */
 .stats {
   display: flex; justify-content: center; gap: 2.5rem; padding: 2rem 1rem; flex-wrap: wrap;