From c57c37ffb9e828427dd2e4d2b8f42673a4151a8e Mon Sep 17 00:00:00 2001
From: Timothy Farrell <tim@thecookiejar.me>
Date: Thu, 12 Mar 2026 09:16:01 +0000
Subject: [PATCH] Add keyboard navigation for refresh mode.

---
 frontend.html | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/frontend.html b/frontend.html
index 8e3f370..23c7d10 100644
--- a/frontend.html
+++ b/frontend.html
@@ -47,14 +47,45 @@
         <a href="$next_url" class="chevron right" id="next-btn">&#8250;</a>
     </div>
     <script>
+        function updateMetaRefresh(newDelay, newUrl) {
+            var metaRefresh = document.querySelector('meta[http-equiv="refresh"]');
+            if (metaRefresh) {
+                metaRefresh.setAttribute('content', newDelay + ';url=' + newUrl);
+            }
+        }
+
+        function getRefreshParams() {
+            var metaRefresh = document.querySelector('meta[http-equiv="refresh"]');
+            if (!metaRefresh) return null;
+            var content = metaRefresh.getAttribute('content');
+            return {
+                delay: parseInt(content.split(';')[0].trim()),
+                url: content.split('url=')[1]
+            };
+        }
+
         document.addEventListener('keydown', function(e) {
             e.preventDefault();
             if (e.code === 'Space') {
-                document.getElementById('next-btn').click();
+                document.getElementById('img').click();
             } else if (e.code === 'ArrowLeft') {
                 document.getElementById('prev-btn').click();
             } else if (e.code === 'ArrowRight') {
                 document.getElementById('next-btn').click();
+            } else if (e.code === 'Equal') {
+                var params = getRefreshParams();
+                if (params) updateMetaRefresh(params.delay + 1, params.url);
+            } else if (e.code === 'Minus') {
+                var params = getRefreshParams();
+                if (params && params.delay > 1) updateMetaRefresh(params.delay - 1, params.url);
+            } else if (e.key.toLowerCase() === 'o') {
+                var params = getRefreshParams();
+                if (params) {
+                    var newOrder = params.url.split('/')[1] === 'next' ? 'random' : 'next';
+                    var newUrl = params.url.replace('/' + (newOrder === 'next' ? 'next' : 'random') + '/', '/' + newOrder + '/');
+                    updateMetaRefresh(params.delay, newUrl);
+                    window.location.href = newUrl;
+                }
             }
         });
     </script>