| {% extends "base.html" %} | |
| {% block content %} | |
| <div class="hero section" style="text-align: center; margin-bottom: 3rem;"> | |
| <h1>INICIO DE SESIÓN</h1> | |
| <p class="text-dim">Accede a los proyectos de Maker Space.</p> | |
| </div> | |
| <div class="glass" style="max-width: 400px; margin: 0 auto; padding: 2.5rem; border-radius: 24px;"> | |
| <form method="POST"> | |
| <div class="form-group"> | |
| <label for="username">Usuario</label> | |
| <input type="text" id="username" name="username" placeholder="Tu usuario" required autofocus> | |
| </div> | |
| <div class="form-group"> | |
| <label for="password">Contraseña</label> | |
| <input type="password" id="password" name="password" placeholder="••••••••" required> | |
| </div> | |
| <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 1rem;"> | |
| ENTRAR <i class="fas fa-sign-in-alt" style="margin-left: 0.5rem;"></i> | |
| </button> | |
| <div style="margin-top: 1rem; text-align: center;"> | |
| <a href="/forgot-password" style="color: #38bdf8; text-decoration: none; font-size: 0.85rem;">¿Olvidaste tu | |
| contraseña?</a> | |
| </div> | |
| </form> | |
| <div style="margin-top: 2rem; text-align: center; font-size: 0.85rem;" class="text-dim"> | |
| <p>Esta sección está protegida para miembros de Maker Space.</p> | |
| <p style="margin-top: 1rem;">¿No tienes cuenta? <a href="/register" | |
| style="color: #38bdf8; text-decoration: none;">Regístrate aquí</a></p> | |
| </div> | |
| </div> | |
| {% endblock %} |