Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>GuardrailShield AI - Admin Login</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="/static/css/login.css"> | |
| </head> | |
| <body> | |
| <div class="login-wrapper"> | |
| <div class="login-card"> | |
| <div class="logo">AI</div> | |
| <h2>GuardrailShield Admin</h2> | |
| <p class="subtitle">Log in with your administrator credentials</p> | |
| <div class="form-group"> | |
| <label>Username</label> | |
| <input type="text" id="username" placeholder="Username"> | |
| </div> | |
| <div class="form-group"> | |
| <label>Password</label> | |
| <input type="password" id="password" placeholder="Password" onkeydown="if(event.key === 'Enter') performLogin()"> | |
| </div> | |
| <div class="error-box" id="loginError" style="display: none;">Invalid credentials</div> | |
| <button class="btn btn-login" onclick="performLogin()">Log in</button> | |
| <a href="/" class="back-link">Back to Chat</a> | |
| </div> | |
| </div> | |
| <script src="/static/js/login.js"></script> | |
| </body> | |
| </html> | |