Update index.html

StreamStats · Oct 7, 2023 · cda8cc1 · cda8cc1
1 parent 396b9bd
commit cda8cc1
Showing 1 changed file with 18 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StreamStats</title>
-        <link rel="icon" type="image/x-icon" href="default-favicon.ico" id="favicon">
+    <link rel="icon" type="image/x-icon" href="default-favicon.ico" id="favicon">
     <meta name="og:image" content="default-image-url.png" id="og-image">
     <meta name="twitter:image" content="default-image-url.png" id="twitter-image">
     <!-- Include Bootstrap CSS -->
@@ -22,6 +22,11 @@ <h2>User Information</h2>
             <p><strong>Followers:</strong> <span id="followers"></span></p>
             <!-- You can display more user information here -->
         </div>
+        <div id="alert-section" style="display: none;">
+            <div class="alert alert-danger" role="alert">
+                You are banned from this channel!
+            </div>
+        </div>
     </div>
     <footer>
         &copy; <span id="current-year"></span> Bacon_Space <!-- Update the year here too -->
@@ -32,6 +37,7 @@ <h2>User Information</h2>
     <script>
         // Replace with your Twitch Client ID
         const clientId = "5i1dxwe52zbj0tra8evwmm4m1b7clz1";
+        const bannedUsers = ["user1", "user2", "user3"]; // Replace with actual banned usernames
 
         // Initialize the Twitch Embed SDK
         const options = {
@@ -44,7 +50,7 @@ <h2>User Information</h2>
         // Function to handle the login button click
         document.getElementById("login-button").addEventListener("click", () => {
             // Replace with your redirect URL
-            const redirectUrl = "https://streamstats.github.io/twitch";
+            const redirectUrl = window.location.href;
 
             // Redirect the user to Twitch for authentication
             window.location.href = `https://id.twitch.tv/oauth2/authorize?client_id=${clientId}&redirect_uri=${redirectUrl}&response_type=token&scope=user:read:follows`;
@@ -70,9 +76,15 @@ <h2>User Information</h2>
                     // You can fetch and display more user data here if needed
                     document.getElementById("followers").textContent = user.followers_count;
 
-                    // Show the user information section
-                    document.getElementById("user-info").style.display = "block";
-                    document.getElementById("login-section").style.display = "none";
+                    // Check if the user is banned
+                    if (bannedUsers.includes(user.display_name.toLowerCase())) {
+                        document.getElementById("alert-section").style.display = "block";
+                        document.getElementById("login-section").style.display = "none";
+                    } else {
+                        // Show the user information section
+                        document.getElementById("user-info").style.display = "block";
+                        document.getElementById("login-section").style.display = "none";
+                    }
                 })
                 .catch(error => console.error("Error fetching user data:", error));
             }
@@ -84,7 +96,7 @@ <h2>User Information</h2>
         }
     </script>
     <script>
-              // Fetch TheBaconSpace user's avatar from GitHub API
+        // Fetch TheBaconSpace user's avatar from GitHub API
         fetch('https://api.github.com/users/StreamStats')
             .then(response => response.json())
             .then(data => {