style up login/logout/signup pages

This commit is contained in:
Seth Ladygo
2019-03-16 22:09:04 -07:00
parent ef71b0ae74
commit 086b117191
3 changed files with 119 additions and 56 deletions

View File

@ -6,27 +6,47 @@
{% block title %}{% trans "Sign up" %}{% endblock %}
{% block content %}
<div class="row">
<div class="col-md-4">
<form id="signup_form" method="post" action="{% url "account_signup" %}" autocapitalize="off" {% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
<legend>{% trans "Sign up" %}</legend>
{% csrf_token %}
{{ form }}
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
{% endif %}
<button type="submit" class="btn btn-primary">{% trans "Sign up" %}</button>
</form>
<p class="login-signup">
<small>
{% trans "Already have an account?" %} <strong><a href="{% urlnext 'account_login' %}">{% trans "Log in" %}</a></strong>
</small>
</p>
</div>
<div class="col-md-4">
{% include "account/_signup_sidebar.html" %}
</div>
</div>
<div class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<legend class="uk-legend">{% trans "Sign up" %}</legend>
<form class="uk-form" id="signup_form" method="post" action="{% url "account_signup" %}" autocapitalize="off" {% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>
{% csrf_token %}
<div class="uk-margin">
<label class="uk-form-label" for="id_username">Username</label>
<input class="uk-input uk-form-small" type="text" name="username" id="id_username" maxlength="30" required>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="id_email">Email</label>
<input class="uk-input uk-form-small" type="text" name="email" id="id_email" required>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="id_password">Password</label>
<input class="uk-input uk-form-small" type="password" name="password" id="id_password" required>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="id_password_confirm">Password (again)</label>
<input class="uk-input uk-form-small" type="password" name="password_confirm" id="id_password_confirm" required>
<input type="hidden" name="code" id="id_code">
</div>
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
{% endif %}
<button type="submit" class="uk-button uk-button-primary">{% trans "Sign up" %}</button>
</form>
<p class="login-signup">
<small>
{% trans "Already have an account?" %} <strong><a href="{% urlnext 'account_login' %}">{% trans "Log in" %}</a></strong>
</small>
</p>
</div>
</div>
{% endblock %}
{% block scripts %}