From ac7b5ed9959b3bc6361d99c77af7deed537f2edd Mon Sep 17 00:00:00 2001
From: MentatBot <160964065+MentatBot@users.noreply.github.com>
Date: Tue, 22 Apr 2025 01:13:57 +0000
Subject: [PATCH] Fix strikes page JavaScript errors

Fixed issues with the strikes page (my-strikes.html):
1. Corrected HTML structure with properly closed tags
2. Fixed JavaScript errors in parameter handling
3. Moved jQuery script to proper location
4. Fixed incorrect content references in dynamic section logic
5. Improved code formatting and fixed typos

Closes # 69
---
 src/Strikes/my-strikes.html | 147 ++++++++++++++++++------------------
 1 file changed, 73 insertions(+), 74 deletions(-)
diff --git a/src/Strikes/my-strikes.html b/src/Strikes/my-strikes.html
index 6605895..bd28d26 100644
--- a/src/Strikes/my-strikes.html
+++ b/src/Strikes/my-strikes.html
@@ -9,16 +9,17 @@
         font-family: Sans-Serif;
         margin: 0;
       }
-<link href='https://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet'>
-<style>
-body {
-    font-family: 'Comfortaa';font-size: 22px;
-}
-
-.dynamic-content {
-    display:none;
-}
-	    
+    </style>
+    <link href='https://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet'>
+    <style>
+      body {
+          font-family: 'Comfortaa';font-size: 22px;
+      }
+
+      .dynamic-content {
+          display:none;
+      }
+          
       .menu-container {
         position: relative;
         display: flex;
@@ -107,6 +108,7 @@
         }
       }
     </style>
+    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
   </head>
   <body>
     <nav class="menu-container">
@@ -133,75 +135,72 @@
       </div>
     </nav>
 	  
-<!-- This is the staff profile system -->
-<h1>Staff Profile</h1>
-
-<!-- Default Dynamic Section -->
-<div id="default-content" class="dynamic-content">
-<h2>No Strike ID</h2>
-Make sure you got a vaild link and come back. You may also not have any strikes at this time. If that's true, keep up the good work!
-</div>
-<!-- Dynamic Section 1 -->
-<div id="username1" class="dynamic-content">
-<h2>Username 1</h2>
-<h3>1 Strike</h3>
-<br>
-Oops! You currently have 1 Strike at Coding Hut. Look below to see your strikes.
-</div>
-<!-- Dynamic Section 2 -->
-<div id="staff2" class="dynamic-content">
-<h2>Staff2</h2>
-<br>
-DESCRIPTION HERE
-</div>
-<!-- Dynamic Section 3 -->
-<div id="staff3" class="dynamic-content">
-<h2>Staff3</h2>
-<br>
-DESCRIPTION HERE
-</div>
-	
+    <!-- This is the strikes information system -->
+    <h1>My Strikes</h1>
+
+    <!-- Default Dynamic Section -->
+    <div id="default-content" class="dynamic-content">
+      <h2>No Strike ID</h2>
+      Make sure you got a valid link and come back. You may also not have any strikes at this time. If that's true, keep up the good work!
+    </div>
+    <!-- Dynamic Section 1 -->
+    <div id="username1" class="dynamic-content">
+      <h2>Username 1</h2>
+      <h3>1 Strike</h3>
+      <br>
+      Oops! You currently have 1 Strike at Coding Hut. Look below to see your strikes.
+    </div>
+    <!-- Dynamic Section 2 -->
+    <div id="staff2" class="dynamic-content">
+      <h2>Staff2</h2>
+      <br>
+      DESCRIPTION HERE
+    </div>
+    <!-- Dynamic Section 3 -->
+    <div id="staff3" class="dynamic-content">
+      <h2>Staff3</h2>
+      <br>
+      DESCRIPTION HERE
+    </div>
+    
     <script>
       function toggleMenu() {
         var menu = document.querySelector('.menu');
         menu.style.display = menu.style.display === 'flex' ? 'none' : 'flex';
       }
+      
+      // Parse the URL parameter
+      function getParameterByName(name, url) {
+        if (!url) url = window.location.href;
+        name = name.replace(/[\[\]]/g, "\\$&");
+        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+            results = regex.exec(url);
+        if (!results) return null;
+        if (!results[2]) return '';
+        return decodeURIComponent(results[2].replace(/\+/g, " "));
+      }
+      
+      $(document).ready(function() {
+        // Give the parameter a variable name
+        var dynamicContent = getParameterByName('strikeid');
+        
+        // Check if the URL parameter matches any of our dynamic sections
+        if (dynamicContent == 'username1') {
+          $('#username1').show();
+        } 
+        // Check if the URL parameter is staff2
+        else if (dynamicContent == 'staff2') {
+          $('#staff2').show();
+        } 
+        // Check if the URL parameter is staff3
+        else if (dynamicContent == 'staff3') {
+          $('#staff3').show();
+        } 
+        // Check if the URL parameter is empty or not defined, display default content
+        else {
+          $('#default-content').show();
+        }
+      });
     </script>
   </body>
 </html>
-
-<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
-<script type="text/javascript">
-	// Parse the URL parameter
-	function getParameterByName(name, url) {
-	    if (!url) url = window.location.href;
-	    name = name.replace(/[\[\]]/g, "\\$&");
-	    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
-	        results = regex.exec(url);
-	    if (!results) return null;
-	    if (!results[2]) return '';
-	    return decodeURIComponent(results[2].replace(/\+/g, " "));
-	}
-	// Give the parameter a variable name
-	var dynamicContent = getParameterByName('strikeid');
- 
-	 $(document).ready(function() {
- 
-		// Check if the URL parameter is apples
-		if (dynamicContent == 'myscratchedaccount') {
-			$('#myscratchedaccount').show();
-		} 
-		// Check if the URL parameter is oranges
-		else if (dynamicContent == 'staff2') {
-			$('#staff2').show();
-		} 
-		// Check if the URL parameter is bananas
-		else if (dynamicContent == 'staff3') {
-			$('#staff3').show();
-		} 
-		// Check if the URL parmeter is empty or not defined, display default content
-		else {
-			$('#default-content').show();
-		}
-	});
-</script>
