42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Sign Up - New Style{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="d-flex flex-column justify-content-center align-items-center" style="min-height: 60vh;">
|
|
<h2 class="font-montserrat mb-4">SIGN UP</h2>
|
|
<div class="card bg-dark border-secondary w-100" style="max-width: 350px;">
|
|
<div class="card-body p-4">
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
{% for field in form %}
|
|
<div class="mb-3">
|
|
<label class="form-label text-muted small">{{ field.label }}</label>
|
|
{{ field }}
|
|
{% if field.help_text %}
|
|
<div class="form-text text-muted" style="font-size: 0.6rem;">{{ field.help_text }}</div>
|
|
{% endif %}
|
|
{% for error in field.errors %}
|
|
<div class="text-danger small">{{ error }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
<button type="submit" class="btn-accent w-100 mb-3">CREATE ACCOUNT</button>
|
|
</form>
|
|
<div class="text-center">
|
|
<p class="small text-muted mb-0">Already have an account?</p>
|
|
<a href="{% url 'login' %}" class="text-accent text-decoration-none small">LOG IN</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.card input {
|
|
background-color: var(--bg-color) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--text) !important;
|
|
}
|
|
</style>
|
|
{% endblock %}
|