From 373ad68600de9d1a438d7ef7ea2a999a95dfbaeb Mon Sep 17 00:00:00 2001
From: Ryan Schanzenbacher <ryan@rschanz.org>
Date: Mon, 5 Dec 2022 15:27:05 -0500
Subject: added cursor trail courtesy chatgpt

Signed-off-by: Ryan Schanzenbacher <ryan@rschanz.org>
---
 index.html | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 53b2c2a..949b29e 100644
--- a/index.html
+++ b/index.html
@@ -129,5 +129,39 @@
       <div id="yeah-on">Unyeah</div>
     </label>
   </div></div></div>
+  <script>
+        var trailLength = 12;
+        var path = [];
+        var delay = 100;
+        var lastX = 0;
+        var lastY = 0;
+
+        function createMouseTrail() {
+          for (var i = 0; i < trailLength; i++) {
+            var div = document.createElement('div');
+            div.setAttribute('class', 'trail');
+            div.style.top = '-200px';
+            div.style.left = '-200px';
+            div.style.backgroundImage = 'url(/css/cursor.gif)';
+            div.style.backgroundSize = 'cover';
+            div.style.width = '11px';
+            div.style.height = '19px';
+            document.body.appendChild(div);
+            path.push(div);
+          }
+        }
+
+        function moveTrail(e) {
+  for (let i = 0; i < path.length; i++) {
+    setTimeout(function() {
+      path[i].style.top = (e.clientY) + 'px';
+      path[i].style.left = (e.clientX) + 'px';
+    }, i * delay);
+  }
+}
+
+        document.addEventListener('mousemove', moveTrail);
+        createMouseTrail();
+  </script>
   </body>
 </html>
-- 
cgit v1.2.3