From 8e2f956f91b9bfd87f44cd650aad1e379e746e12 Mon Sep 17 00:00:00 2001
From: theoneand33 <theoneand33@users.noreply.github.com>
Date: Mon, 7 Sep 2026 14:31:49 +1200
Subject: [PATCH 1/2] feat(home): add recently played row with separator

---
 src/layout/layout.astro | 18 +++++++++++++++++
 src/pages/index.astro   | 43 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+)

diff --git a/src/layout/layout.astro b/src/layout/layout.astro
index 81e83c9..83dfdd1 100644
--- a/src/layout/layout.astro
+++ b/src/layout/layout.astro
@@ -263,5 +263,23 @@ const moreGames = (() => {
         >
       </p>
     </footer>
+    {
+      seo && slug && (
+        <script define:vars={{ slug, title: seo.title, image: seo.image }} is:inline>
+          try {
+            var k = "recently-played";
+            var r = [];
+            try {
+              r = JSON.parse(localStorage.getItem(k)) || [];
+            } catch {}
+            if (!Array.isArray(r)) r = [];
+            r = [{ s: slug, t: title, i: image }]
+              .concat(r.filter(function (x) { return x && x.s !== slug; }))
+              .slice(0, 10);
+            localStorage.setItem(k, JSON.stringify(r));
+          } catch {}
+        </script>
+      )
+    }
   </body>
 </html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 045c1d0..e3ee574 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -39,6 +39,49 @@ const popularGames = defaultGames.slice(0, POPULAR_COUNT);
     }
   </div>
 
+  <section id="recent" hidden>
+    <h2 class="text-lg font-bold m-5 mb-2">Recently played</h2>
+    <div
+      id="recent-row"
+      class="grid grid-cols-[repeat(auto-fill,minmax(min(100%,280px),1fr))] gap-[10px]"
+    >
+    </div>
+    <hr class="mx-5 my-4 border-gray-400" />
+  </section>
+  <script is:inline>
+    (function () {
+      try {
+        var r = JSON.parse(localStorage.getItem("recently-played") || "[]");
+        if (!Array.isArray(r) || !r.length) return;
+        var sec = document.getElementById("recent");
+        var row = document.getElementById("recent-row");
+        r.slice(0, 10).forEach(function (g) {
+          if (!g || !g.s || !g.t || !g.i) return;
+          var a = document.createElement("a");
+          a.href = "/games/" + g.s;
+          a.setAttribute("data-astro-prefetch", "");
+          a.className = "m-5 inline-block max-w-full text-center no-underline";
+          var img = document.createElement("img");
+          img.src = g.i;
+          img.alt = g.t + " unblocked - play online free";
+          img.width = 300;
+          img.height = 200;
+          img.loading = "lazy";
+          img.decoding = "async";
+          img.className =
+            "aspect-[3/2] h-auto w-full max-w-[300px] rounded-xl transition-transform duration-300 hover:scale-105 hover:shadow-lg active:scale-95 transform";
+          var p = document.createElement("p");
+          p.className = "text-gray-800 transition-colors hover:text-black";
+          p.textContent = g.t;
+          a.appendChild(img);
+          a.appendChild(p);
+          row.appendChild(a);
+        });
+        if (row.children.length) sec.hidden = false;
+      } catch {}
+    })();
+  </script>
+
   <h2 class="sr-only">All unblocked games</h2>
   <div class="grid grid-cols-[repeat(auto-fill,minmax(min(100%,280px),1fr))] gap-[10px]">
     {

From ad683df88991da5540e07d83d6aa89cd6e8602f4 Mon Sep 17 00:00:00 2001
From: theoneand33 <theoneand33@users.noreply.github.com>
Date: Mon, 7 Sep 2026 14:37:31 +1200
Subject: [PATCH 2/2] agent: filter stale slugs in recently played row (#80)

---
 src/pages/index.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index e3ee574..6811eb3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -48,7 +48,7 @@ const popularGames = defaultGames.slice(0, POPULAR_COUNT);
     </div>
     <hr class="mx-5 my-4 border-gray-400" />
   </section>
-  <script is:inline>
+  <script is:inline define:vars={{ valid: defaultGames }}>
     (function () {
       try {
         var r = JSON.parse(localStorage.getItem("recently-played") || "[]");
@@ -56,7 +56,7 @@ const popularGames = defaultGames.slice(0, POPULAR_COUNT);
         var sec = document.getElementById("recent");
         var row = document.getElementById("recent-row");
         r.slice(0, 10).forEach(function (g) {
-          if (!g || !g.s || !g.t || !g.i) return;
+          if (!g || !g.s || !g.t || !g.i || valid.indexOf(g.s) < 0) return;
           var a = document.createElement("a");
           a.href = "/games/" + g.s;
           a.setAttribute("data-astro-prefetch", "");