Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <title>Login | VoiceVision</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> --> | |
| </head> | |
| <style> | |
| body::before { | |
| content: ""; | |
| position: fixed; | |
| top: 0; left: 0; | |
| width: 100%; height: 100%; | |
| background: url("{{ url_for('static', filename='bg.jpg') }}") no-repeat center center/cover; | |
| animation: animateBg 5s linear infinite; | |
| z-index: -1; | |
| } | |
| </style> | |
| <body> | |
| <section> | |
| <div class="login-box"> | |
| <form action="{{ url_for('login') }}" method="POST"> | |
| <h2>👁️ VoiceVision Login</h2> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| {% for category, message in messages %} | |
| <div class="alert-box"> | |
| {{ message }} | |
| </div> | |
| {% endfor %} | |
| {% endif %} | |
| {% endwith %} | |
| <div class="input-box"> | |
| <span class="icon"><ion-icon name="person-outline"></ion-icon></span> | |
| <input type="text" name="username" required> | |
| <label>Username</label> | |
| </div> | |
| <button type="submit">Login</button> | |
| <div class="register-link"> | |
| <p>Don't have an account? <a href="{{ url_for('signup') }}">Register</a></p> | |
| </div> | |
| </form> | |
| </div> | |
| <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script> | |
| <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> | |
| </section> | |
| </body> | |
| </html> | |