From 4753b0b4213ced0d67d64da8f1cd098fc3d37237 Mon Sep 17 00:00:00 2001
From: Hazel Noack <hazel@webcontact.de>
Date: Wed, 2 Jul 2025 14:50:04 +0200
Subject: [PATCH] added scrolling completely

---
 frontend/index.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/frontend/index.html b/frontend/index.html
index 7163734..69be4fb 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -16,5 +16,28 @@
         </div>
         <input name="q" type="text" class="grid-item" class="search" placeholder="Search DuckDuckGo :3 :3 :3" />
     </form>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const marqueeElement = document.body;
+            let position = 0;
+            const speed = 1; // Adjust speed here (lower is slower)
+            
+            function animateMarquee() {
+                position -= speed;
+                
+                // Reset position when the image has scrolled completely
+                if (Math.abs(position) >= marqueeElement.offsetWidth) {
+                    position = 0;
+                }
+                
+                marqueeElement.style.backgroundPosition = `${position}px 0`;
+                requestAnimationFrame(animateMarquee);
+            }
+            
+            // Start the animation
+            animateMarquee();
+        });
+    </script>
 </body>
 </html>
\ No newline at end of file