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.
110 lines
3.9 KiB
110 lines
3.9 KiB
{% extends "base.html" %}
|
|
{% load compress hc_extras static %}
|
|
|
|
{% block title %}Sign In - {% site_name %}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-xs-10 col-xs-offset-1 col-sm-12 col-sm-offset-0 col-lg-8 col-lg-offset-2">
|
|
|
|
<h1>Sign In to {% site_name %}</h1>
|
|
{% if bad_link %}
|
|
<div class="alert alert-warning">
|
|
<p>The login link you just used is either incorrect or expired.</p>
|
|
<p>Please use the form below to request a fresh login link.</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<form id="magic-link-form" method="post">
|
|
{% csrf_token %}
|
|
|
|
{% if magic_form.identity.errors %}
|
|
<p class="text-danger">{{ magic_form.identity.errors|join:"" }}</p>
|
|
{% else %}
|
|
<p>Enter your <strong>email address</strong>.</p>
|
|
{% endif %}
|
|
|
|
<input
|
|
type="email"
|
|
class="form-control input-lg"
|
|
name="identity"
|
|
value="{{ magic_form.identity.value|default:"" }}"
|
|
placeholder="[email protected]"
|
|
autocomplete="email">
|
|
|
|
<p id="link-instruction">
|
|
We will email you a magic sign in link.
|
|
</p>
|
|
|
|
<button type="submit" class="btn btn-lg btn-primary btn-block">
|
|
Email Me a Link
|
|
</button>
|
|
</form>
|
|
<div id="login-sep" class="hidden-xs"><div>or</div></div>
|
|
</div>
|
|
|
|
<div class="col-xs-12 visible-xs-block">
|
|
<div id="xs-login-sep">
|
|
<div>or</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<form id="login-form" method="post">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="action" value="login" />
|
|
|
|
{% if form.non_field_errors %}
|
|
<p class="text-danger">{{ form.non_field_errors|join:"" }}</p>
|
|
{% elif form.errors %}
|
|
<p class="text-danger">Incorrect email or password.</p>
|
|
{% else %}
|
|
<p>
|
|
Enter your <strong>email address</strong> and <strong>password</strong>.
|
|
</p>
|
|
{% endif %}
|
|
|
|
<input
|
|
type="email"
|
|
class="form-control input-lg"
|
|
name="email"
|
|
value="{{ form.email.value|default:"" }}"
|
|
placeholder="[email protected]"
|
|
autocomplete="email">
|
|
|
|
<input
|
|
type="password"
|
|
class="form-control input-lg"
|
|
name="password"
|
|
placeholder="your password">
|
|
|
|
<button type="submit" class="btn btn-lg btn-primary btn-block">
|
|
Sign In
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div id="login-signup-cta" class="col-sm-12 text-center">
|
|
Don't have an account?
|
|
<a href="#" data-toggle="modal" data-target="#signup-modal">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% include "front/signup_modal.html" %}
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{% compress js %}
|
|
<script src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
|
|
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
|
<script src="{% static 'js/login.js' %}"></script>
|
|
<script src="{% static 'js/signup.js' %}"></script>
|
|
{% endcompress %}
|
|
{% endblock %}
|