Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SENTINEL | Project Overview</title> | |
| <!-- Fonts --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link | |
| href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=JetBrains+Mono:wght@300;400&family=Rajdhani:wght@400;600&display=swap" | |
| rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| :root { | |
| --bg-color: #030407; | |
| --text-color: #c0c7d0; | |
| --accent-color: #ffd700; | |
| /* Honey Gold */ | |
| --border-color: #1a1f2e; | |
| --panel-bg: rgba(10, 14, 23, 0.8); | |
| } | |
| body { | |
| background-color: var(--bg-color); | |
| color: var(--text-color); | |
| font-family: 'Rajdhani', sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| min-height: 100vh; | |
| overflow-x: hidden; | |
| } | |
| .background-grid { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-image: linear-gradient(var(--border-color) 1px, transparent 1px), | |
| linear-gradient(90deg, var(--border-color) 1px, transparent 1px); | |
| background-size: 50px 50px; | |
| opacity: 0.1; | |
| z-index: -1; | |
| } | |
| .container { | |
| max-width: 800px; | |
| width: 90%; | |
| text-align: center; | |
| padding: 40px; | |
| background: var(--panel-bg); | |
| border: 1px solid var(--border-color); | |
| border-radius: 12px; | |
| box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); | |
| backdrop-filter: blur(5px); | |
| } | |
| h1 { | |
| font-family: 'Orbitron', sans-serif; | |
| font-size: 3rem; | |
| color: var(--accent-color); | |
| margin-bottom: 10px; | |
| text-shadow: 0 0 10px rgba(255, 215, 0, 0.3); | |
| } | |
| .subtitle { | |
| font-size: 1.2rem; | |
| margin-bottom: 40px; | |
| font-family: 'JetBrains Mono', monospace; | |
| opacity: 0.8; | |
| letter-spacing: 1px; | |
| } | |
| .info-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 20px; | |
| text-align: left; | |
| margin-bottom: 40px; | |
| } | |
| .info-card { | |
| background: rgba(255, 255, 255, 0.03); | |
| border: 1px solid var(--border-color); | |
| padding: 20px; | |
| border-radius: 8px; | |
| } | |
| .info-card h3 { | |
| color: #fff; | |
| margin-top: 0; | |
| font-size: 1.1rem; | |
| border-bottom: 1px solid var(--border-color); | |
| padding-bottom: 10px; | |
| } | |
| .info-card p { | |
| font-size: 0.95rem; | |
| line-height: 1.5; | |
| } | |
| .btn { | |
| background: transparent; | |
| color: var(--accent-color); | |
| border: 2px solid var(--accent-color); | |
| padding: 15px 40px; | |
| font-family: 'Orbitron', sans-serif; | |
| font-size: 1.1rem; | |
| cursor: pointer; | |
| transition: 0.3s; | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .btn:hover { | |
| background: var(--accent-color); | |
| color: #000; | |
| box-shadow: 0 0 20px rgba(255, 215, 0, 0.5); | |
| } | |
| .footer { | |
| margin-top: 30px; | |
| font-size: 0.8rem; | |
| opacity: 0.5; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="background-grid"></div> | |
| <div class="container"> | |
| <i class="fas fa-shield-alt" style="font-size: 4rem; color: var(--accent-color); margin-bottom: 20px;"></i> | |
| <h1>SENTINEL</h1> | |
| <div class="subtitle">AUTONOMOUS SCAM INTELLIGENCE PLATFORM</div> | |
| <div class="info-grid"> | |
| <div class="info-card"> | |
| <h3><i class="fas fa-code-branch"></i> Mission</h3> | |
| <p>To actively disrupt cyber fraud networks targeting Indian citizens by deploying autonomous AI | |
| honeypots that waste scammer time and extract actionable intelligence.</p> | |
| </div> | |
| <div class="info-card"> | |
| <h3><i class="fas fa-microchip"></i> Technology</h3> | |
| <p>Powered by <strong>LLMs</strong> (Groq), <strong>FastAPI</strong>, and <strong>Graph | |
| Forensics</strong>. Implements MITRE ATT&CK extraction and automated legal dossier generation. | |
| </p> | |
| </div> | |
| <div class="info-card"> | |
| <h3><i class="fas fa-lock"></i> Access</h3> | |
| <p>The operational Command Center is restricted to authorized personnel. Public access is limited to | |
| project documentation and overview.</p> | |
| </div> | |
| </div> | |
| <button class="btn" onclick="requestAccess()"> | |
| Access Command Center | |
| </button> | |
| <div class="footer"> | |
| © 2026 Sentinel Project | Built for India AI Impact Buildathon | |
| <div style="margin-top: 15px; display: flex; gap: 15px; justify-content: center; font-size: 1.2rem;"> | |
| <a href="https://avinashanalytics.github.io/" target="_blank" title="Portfolio" | |
| style="color: var(--accent-color);"><i class="fas fa-globe"></i></a> | |
| <a href="https://github.com/avinashanalytics" target="_blank" title="GitHub" | |
| style="color: var(--text-color);"><i class="fab fa-github"></i></a> | |
| <a href="https://linkedin.com/in/avinashanalytics" target="_blank" title="LinkedIn" | |
| style="color: #0077b5;"><i class="fab fa-linkedin"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| // Secure server-side validation | |
| async function requestAccess() { | |
| const password = prompt("ENTER SECURITY CLEARANCE CODE:"); | |
| if (!password) return; | |
| try { | |
| const response = await fetch('/api/v1/auth/login', { | |
| method: 'POST', | |
| headers: { 'Content-Type': 'application/json' }, | |
| body: JSON.stringify({ password: password }) | |
| }); | |
| if (response.ok) { | |
| sessionStorage.setItem('sentinel_auth', 'true'); | |
| document.querySelector('h1').innerText = "ACCESS GRANTED"; | |
| document.querySelector('h1').style.color = "#0f0"; | |
| setTimeout(() => { | |
| window.location.href = "/dashboard.html"; | |
| }, 800); | |
| } else { | |
| alert("ACCESS DENIED: Invalid Credentials"); | |
| } | |
| } catch (e) { | |
| console.error(e); | |
| alert("SYSTEM ERROR: Auth Service Unreachable"); | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |