Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width,initial-scale=1" /> | |
| <title>AIMHSA - Sign In</title> | |
| <link rel="stylesheet" href="auth.css" /> | |
| </head> | |
| <body> | |
| <div class="auth-container"> | |
| <div class="auth-card"> | |
| <div class="auth-header"> | |
| <h1 class="brand">AIMHSA</h1> | |
| <p class="subtitle">Mental Health Companion for Rwanda</p> | |
| </div> | |
| <div class="auth-tabs"> | |
| <button class="tab-btn active" data-tab="signin">Sign In</button> | |
| <button class="tab-btn" data-tab="register">Register</button> | |
| </div> | |
| <form class="auth-form" id="authForm"> | |
| <div class="tab-content" id="signin"> | |
| <div class="form-group"> | |
| <label for="loginUsername">Username</label> | |
| <input type="text" id="loginUsername" name="loginUsername" required /> | |
| </div> | |
| <div class="form-group"> | |
| <label for="loginPassword">Password</label> | |
| <input type="password" id="loginPassword" name="loginPassword" required /> | |
| </div> | |
| <button type="submit" class="auth-btn" id="signInBtn">Sign In</button> | |
| </div> | |
| <div class="tab-content hidden" id="register"> | |
| <div class="form-group"> | |
| <label for="regUsername">Username</label> | |
| <input type="text" id="regUsername" name="regUsername" required /> | |
| </div> | |
| <div class="form-group"> | |
| <label for="regPassword">Password</label> | |
| <input type="password" id="regPassword" name="regPassword" required /> | |
| </div> | |
| <div class="form-group"> | |
| <label for="regConfirmPassword">Confirm Password</label> | |
| <input type="password" id="regConfirmPassword" name="regConfirmPassword" required /> | |
| </div> | |
| <button type="submit" class="auth-btn" id="registerBtn">Create Account</button> | |
| </div> | |
| </form> | |
| <div class="auth-divider"> | |
| <span>or</span> | |
| </div> | |
| <button class="anonymous-btn" id="anonBtn">Continue as Guest</button> | |
| <div class="auth-footer"> | |
| <p>By continuing, you agree to our Terms of Service and Privacy Policy</p> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="auth.js"></script> | |
| </body> | |
| </html> | |