the app is not working

index.html

@@ -92,12 +92,13 @@
                     <p class="hacker-text text-sm mb-4">
                         Test how strong your password is against common attacks.
                     </p>
-                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all opacity-50" disabled>
+                    <input type="password" id="passwordInput" class="w-full hacker-text px-3 py-2 mb-2 border rounded" placeholder="Enter password to test">
+                    <button onclick="checkPassword()" class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all">
                         Test Password
                     </button>
-</div>
-
-                <!-- Tool 2 -->
+                    <div id="passwordResult" class="mt-2 hacker-text text-sm"></div>
+                </div>
+<!-- Tool 2 -->
                 <div class="terminal p-6 card-hover">
                     <div class="flex items-center gap-3 mb-4">
                         <div class="bg-primary/10 p-2 rounded-full">
@@ -112,7 +113,6 @@
                         Run Audit
                     </button>
 </div>
-
                 <!-- Tool 3 -->
                 <div class="terminal p-6 card-hover">
                     <div class="flex items-center gap-3 mb-4">
@@ -124,11 +124,28 @@
                     <p class="hacker-text text-sm mb-4">
                         Learn how to spot phishing attempts on Instagram.
                     </p>
-                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all opacity-50" disabled>
+                    <button onclick="startPhishingTest()" class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all">
                         Start Test
                     </button>
+                    <div id="phishingTestContent" class="mt-4 hacker-text text-sm hidden">
+                        <div class="border-b pb-2 mb-2">
+                            <h4 class="font-bold">Look for these red flags:</h4>
+                            <ul class="list-disc pl-5 mt-2">
+                                <li>Requests for your password</li>
+                                <li>Spelling/grammar mistakes</li>
+                                <li>Urgent calls to action ("Your account will be disabled!")</li>
+                                <li>Suspicious sender email addresses</li>
+                            </ul>
+                        </div>
+                        <div class="mt-2">
+                            <p>Example phishing message:</p>
+                            <div class="terminal p-3 mt-2 bg-red-50">
+                                <p>"Dear user, your Instagram account will be deleted in 24 hours unless you verify your credentials at: instagram.verify-account.com"</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
 </div>
-            </div>
 
             <!-- Security Tips -->
             <div class="terminal p-6 mb-12">
@@ -223,38 +240,89 @@
         setInterval(updateTerminal, 5000);
         // Initialize feather icons
         feather.replace();
-
         function runApp() {
-            // Check if browser supports necessary APIs
-            if (!navigator.clipboard) {
-                alert("This app requires clipboard access. Please use a modern browser.");
-                return;
-            }
-
-            // Start the app experience
             const terminalOutput = document.getElementById('terminal-output');
             terminalOutput.innerHTML = `
                 > Initializing InstaShield v1.0...<br>
                 > Loading security modules...<br>
                 > Checking system requirements...<br>
-                <span class="text-green-600">> Ready! Select a tool from above to begin.</span>
+                <span class="text-green-600">> Ready! All tools are now active.</span>
             `;
 
-            // Scroll to tools section
-            document.querySelector('.grid').scrollIntoView({
-                behavior: 'smooth'
-            });
+            document.querySelector('.grid').scrollIntoView({ behavior: 'smooth' });
+        }
+
+        function checkPassword() {
+            const password = document.getElementById('passwordInput').value;
+            const resultDiv = document.getElementById('passwordResult');
+            
+            if (!password) {
+                resultDiv.textContent = "Please enter a password to test";
+                resultDiv.className = "mt-2 hacker-text text-sm text-red-500";
+                return;
+            }
 
-            // Enable all tool buttons
-            document.querySelectorAll('button').forEach(btn => {
-                if (!btn.onclick) {
-                    btn.disabled = false;
-                    btn.classList.remove('opacity-50');
-                }
-            });
+            // Simple password strength check
+            let strength = 0;
+            let feedback = [];
+            
+            // Length check
+            if (password.length >= 12) strength += 2;
+            else if (password.length >= 8) strength += 1;
+            else feedback.push("Too short (min 8 chars)");
+
+            // Complexity checks
+            if (/[A-Z]/.test(password)) strength += 1;
+            else feedback.push("Add uppercase letters");
+            
+            if (/[a-z]/.test(password)) strength += 1;
+            else feedback.push("Add lowercase letters");
+            
+            if (/[0-9]/.test(password)) strength += 1;
+            else feedback.push("Add numbers");
+            
+            if (/[^A-Za-z0-9]/.test(password)) strength += 2;
+            else feedback.push("Add special characters");
+
+            // Common password check
+            const commonPasswords = ["password", "123456", "qwerty", "instagram", "admin"];
+            if (commonPasswords.includes(password.toLowerCase())) {
+                strength = 0;
+                feedback = ["This is a very common password - DO NOT USE"];
+            }
+
+            // Display results
+            let strengthText = "";
+            let colorClass = "";
+            
+            if (strength <= 3) {
+                strengthText = "Weak";
+                colorClass = "text-red-500";
+            } else if (strength <= 6) {
+                strengthText = "Moderate";
+                colorClass = "text-yellow-500";
+            } else {
+                strengthText = "Strong";
+                colorClass = "text-green-500";
+            }
 
-            alert("InstaShield is now running! Select any tool to begin.");
+            resultDiv.innerHTML = `
+                <div class="font-bold ${colorClass}">Strength: ${strengthText}</div>
+                ${feedback.length ? `<div class="mt-1">Recommendations:<br>${feedback.join('<br>')}</div>` : '<div class="mt-1">Great password!</div>'}
+            `;
         }
-    </script>
+
+        function startPhishingTest() {
+            const contentDiv = document.getElementById('phishingTestContent');
+            contentDiv.classList.toggle('hidden');
+            
+            const terminalOutput = document.getElementById('terminal-output');
+            terminalOutput.innerHTML = `
+                > Starting phishing awareness module...<br>
+                > Loaded common phishing tactics<br>
+                <span class="text-green-600">> Review the red flags above carefully</span>
+            `;
+        }
+</script>
 </body>
 </html>