From 4fbf4bca5e66bd7b7dc5b0dbac337351d3d47bfa Mon Sep 17 00:00:00 2001
From: Dante Catalfamo
Date: Wed, 8 Jan 2025 21:22:24 -0500
Subject: Reverse text when mouse moves backwards

---
 public/trail.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/trail.js b/public/trail.js
index 6cafc7d..97b6d3d 100644
--- a/public/trail.js
+++ b/public/trail.js
@@ -39,16 +39,19 @@ window.addEventListener("mousemove", (event) => {
   }
   lastY = y;
   lastX = x;
-  placeText(x+"px",y+"px", "e");
+  placeText(x+"px",y+"px", x < lastX);
 });
 
-function placeText(x, y) {
+function placeText(x, y, reversed) {
   const char = mouseText[curChar++ % mouseText.length];
   const el = document.createElement("div");
   el.className = "chr";
   el.style.left = x;
   el.style.top = y;
   el.innerText = char;
+  if (reversed) {
+    el.style.transform = "scaleX(-1)";
+  }
   window.setTimeout(() => {
     el.remove();
   }, 2000);
-- 
cgit v1.2.3