From cffbd96907ac911f6dd52ce95c4989e65217c564 Mon Sep 17 00:00:00 2001
From: Nix <75538775+nixietab@users.noreply.github.com>
Date: Sun, 9 Feb 2025 16:47:14 -0300
Subject: [PATCH] Added better compatibility with mobile phones

---
 index.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index da3d494f..35effe74 100644
--- a/index.html
+++ b/index.html
@@ -265,18 +265,20 @@ <h3>Red Hat Mono Variable Font</h3>
       </div>
     </main>
 
-    <script>
-      // Find all range inputs and wire them up so they automatically change
-      // the font weight.
-      const inputs = document.querySelectorAll('input[type="range"]');
+<script>
+    // Find all range inputs and wire them up so they automatically change
+    // the font weight.
+    const inputs = document.querySelectorAll('input[type="range"]');
 
-      // listen for changes
-      inputs.forEach(input => input.addEventListener('change', handleUpdate));
-      inputs.forEach(input => input.addEventListener('mousemove', handleUpdate));
+    // listen for changes
+    inputs.forEach(input => input.addEventListener('change', handleUpdate));
+    inputs.forEach(input => input.addEventListener('mousemove', handleUpdate));
+    inputs.forEach(input => input.addEventListener('input', handleUpdate)); // Added this line
+
+    function handleUpdate(e) {
+      document.querySelector(`.${this.id}`).style.setProperty('--font-weight', this.value);
+    }
+</script>
 
-      function handleUpdate(e) {
-        document.querySelector(`.${this.id}`).style.setProperty('--font-weight', this.value);
-      }
-    </script>
   </body>
 </html>