Spaces:
Paused
Paused
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Scam-Signal Verifier</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <!-- Header --> | |
| <header class="header"> | |
| <h1>🛡 Scam-Signal Verifier</h1> | |
| <p>Protect yourself from phishing attempts and fraudulent messages</p> | |
| </header> | |
| <!-- Example Buttons --> | |
| <section class="examples"> | |
| <p>🔹 Try these examples:</p> | |
| <div class="example-buttons"> | |
| <button onclick="fillExample('URGENT: Your account will be suspended! Click here immediately to verify: http://suspicious-bank-verify.tk/login')">Phishing Email</button> | |
| <button onclick="fillExample('We are hiring you for a high-paying remote job. Send your CV and bank details to hr@fakecompany.com')">Fake Job Offer</button> | |
| <button onclick="fillExample('Double your investment in 7 days! Limited spots available.')">Investment Scam</button> | |
| <button onclick="fillExample('Congratulations! You won $1,000,000! Claim now by sending your ID.')">Lottery Scam</button> | |
| </div> | |
| </section> | |
| <!-- Input Fields --> | |
| <section class="input-section"> | |
| <label>📄 Paste suspicious message or text:</label> | |
| <textarea id="message" placeholder="Paste the suspicious message, email, text, or advertisement content here..."></textarea> | |
| </section> | |
| <!-- Analyze Button --> | |
| <button id="analyze-btn">🔍 Analyze for Scam Signals</button> | |
| <!-- Output Section --> | |
| <section class="output-section"> | |
| <h2>📊 Scam Analysis Report</h2> | |
| <pre id="result">Your detailed scam analysis will appear here...</pre> | |
| </section> | |
| <!-- Footer --> | |
| <footer> | |
| ⚠ Stay safe online — Report suspicious messages to relevant authorities. | |
| </footer> | |
| </div> | |
| <script> | |
| function fillExample(text) { | |
| document.getElementById('message').value = text; | |
| } | |
| document.getElementById('analyze-btn').addEventListener('click', async () => { | |
| const message = document.getElementById('message').value; | |
| document.getElementById('result').textContent = "⏳ Analyzing... Please wait."; | |
| const response = await fetch('/analyze', { | |
| method: 'POST', | |
| headers: {'Content-Type': 'application/json'}, | |
| body: JSON.stringify({message}) | |
| }); | |
| const data = await response.json(); | |
| document.getElementById('result').textContent = data.result; | |
| }); | |
| </script> | |
| </body> | |
| </html> | |