From db2980670833261b75e072fd6c7ce77df8d6a910 Mon Sep 17 00:00:00 2001
From: hcr5 <157815647+hcr5@users.noreply.github.com>
Date: Sat, 17 Feb 2024 20:26:14 +0100
Subject: [PATCH] Update index.html

---
 index.html | 83 ++++++++++++++++++++++--------------------------------
 1 file changed, 33 insertions(+), 50 deletions(-)
diff --git a/index.html b/index.html
index 3369231..07ae88e 100644
--- a/index.html
+++ b/index.html
@@ -2,24 +2,7 @@
 <html>
 <head>
     <title>Scratch Followers</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-        }
-        
-        button {
-            padding: 8px 16px;
-            border: none;
-            border-radius: 4px;
-            background-color: #007bff;
-            color: #fff;
-            cursor: pointer;
-        }
-        
-        button:hover {
-            background-color: #0056b3;
-        }
-    </style>
+    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
 </head>
 <body>
 
@@ -28,49 +11,49 @@
 <button onclick="stopLoading()">Stop</button>
 <div id="result"></div>
 
-<script src="https://code.jquery.com/jquery-latest.min.js"></script>
 <script>
-    var loading = false; // Flag to track if loading is in progress
-    var stopLoadingFlag = false; // Flag to track if the loading process should be stopped
+var loading = false; // Flag to track if loading is in progress
+var stopLoadingFlag = false; // Flag to track if the loading process should be stopped
 
-    function loadFollowers() {
-        var username = document.getElementById("username").value;
-        var page = 1;
-        loading = true; // Set loading flag to true
+function loadFollowers() {
+    var username = document.getElementById("username").value;
+    var page = 1;
+    loading = true; // Set loading flag to true
 
-        // Clear old followers before loading new ones
-        $('#result').empty();
+    // Clear old followers before loading new ones
+    $('#result').empty();
 
-        function load() {
-            if (!stopLoadingFlag) { // Check if loading process should continue
-                $.get("https://scratch.mit.edu/users/" + username + "/followers/?page=" + page, loaded);
-            }
+    function load() {
+        if (!stopLoadingFlag) { // Check if loading process should continue
+            $.get("https://scratch.mit.edu/users/" + username + "/followers/?page=" + page, loaded);
         }
+    }
 
-        function loaded(data) {
-            var $dom = $(data);
-            var $users = $dom.find('span.title > a');
-            var $out = $('#result');
-
-            for (var i = 0; i < $users.length; i++) {
-                var user = $($users[i]).text().trim();
-                $out.append(user + '<br>');
-            }
+    function loaded(data) {
+        var $dom = $(data);
+        var $users = $dom.find('span.title > a');
+        var $out = $('#result');
 
-            page++;
-            if (!stopLoadingFlag) { // Check if loading process should continue
-                $.get("https://scratch.mit.edu/users/" + username + "/followers/?page=" + page, loaded);
-            } else {
-                loading = false; // Set loading flag to false when loading stops
-            }
+        for (var i = 0; i < $users.length; i++) {
+            var user = $($users[i]).text().trim();
+            $out.append(user + '<br>');
         }
 
-        load();
+        page++;
+        if (!stopLoadingFlag) { // Check if loading process should continue
+            $.get("https://scratch.mit.edu/users/" + username + "/followers/?page=" + page, loaded);
+        } else {
+            loading = false; // Set loading flag to false when loading stops
+        }
     }
 
-    function stopLoading() {
-        stopLoadingFlag = true; // Set the flag to stop loading
-    }
+    load();
+}
+
+function stopLoading() {
+    stopLoadingFlag = true; // Set the flag to stop loading
+}
+
 </script>
 
 </body>
