You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.8 KiB
98 lines
3.8 KiB
{% include("_head.html") %}
|
|
|
|
<body class="app app-signup p-0">
|
|
<div class="row g-0 app-auth-wrapper">
|
|
<div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
|
|
<div class="d-flex flex-column align-content-end">
|
|
<div class="app-auth-body mx-auto">
|
|
{% include("_branding.html") %}
|
|
<h2 class="auth-heading text-center mb-4">Registrarse en Lyrics</h2>
|
|
|
|
<div class="auth-form-container text-start mx-auto">
|
|
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div class="app-card alert alert-dismissible shadow-sm mb-4 border-left-decoration">
|
|
{{ messages[0] }}. Go to <a href="{{ url_for('auth.login') }}">login page</a>.
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<form class="auth-form auth-signup-form" method="POST" action="/signup" enctype="multipart/form-data">
|
|
<div class="email mb-3">
|
|
<label class="sr-only" for="signup-name">Usuario</label>
|
|
<input id="signup-name" name="username" type="text" class="form-control signup-name" placeholder="Nombre de usuario" required="required">
|
|
</div>
|
|
<!--
|
|
<div class="email mb-3">
|
|
<label class="sr-only" for="email">Your Email</label>
|
|
<input id="signup-email" name="email" type="email" class="form-control signup-email" placeholder="Email" required="required">
|
|
</div>
|
|
-->
|
|
<div class="password mb-3">
|
|
<label class="sr-only" for="password">Password</label>
|
|
<input id="signup-password" name="password" type="password" class="form-control signup-password" placeholder="Crea una password" required="required">
|
|
</div>
|
|
|
|
<div class="password mb-3">
|
|
<label class="sr-only" for="confirm_password">Confirma password</label>
|
|
<input id="confirm_password"
|
|
name="confirm_password"
|
|
type="password"
|
|
class="form-control signup-password"
|
|
placeholder="Confirm password"
|
|
required="required">
|
|
</div>
|
|
<!--
|
|
<div class="text mb-3">
|
|
<label for="fotoperfil">Foto de perfil:</label>
|
|
<input id="fotoperfil"
|
|
name="fotoperfil"
|
|
type="file"
|
|
class="form-control"
|
|
required="required">
|
|
</div>
|
|
-->
|
|
<div class="text mb-3">
|
|
<input type="file" name="photo" required="required">
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Sign Up</button>
|
|
</div>
|
|
</form><!--//auth-form-->
|
|
|
|
<div class="auth-option text-center pt-5">¿Ya tienes una cuenta? <a class="text-link" href="{{ url_for('auth.login') }}" >Entra</a></div>
|
|
</div><!--//auth-form-container-->
|
|
|
|
|
|
|
|
</div><!--//auth-body-->
|
|
|
|
{% include("_footer.html") %}
|
|
|
|
</div><!--//flex-column-->
|
|
</div><!--//auth-main-col-->
|
|
<div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col">
|
|
<div class="auth-background-holder">
|
|
</div>
|
|
<div class="auth-background-mask"></div>
|
|
<div class="auth-background-overlay p-3 p-lg-5">
|
|
<div class="d-flex flex-column align-content-end h-100">
|
|
<div class="h-100"></div>
|
|
<!--
|
|
<div class="overlay-content p-3 p-lg-4 rounded">
|
|
<h5 class="mb-3 overlay-title">Explore Portal Admin Template</h5>
|
|
<div>Portal is a free Bootstrap 5 admin dashboard template. You can download and view the template license <a href="https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-developers/">here</a>.</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div><!--//auth-background-overlay-->
|
|
</div><!--//auth-background-col-->
|
|
|
|
</div><!--//row-->
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|