Reformat html files

This commit is contained in:
cuom1999 2023-01-27 17:11:10 -06:00
parent 9a208ca108
commit 52f1e77fe1
205 changed files with 11096 additions and 11086 deletions

View file

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _('%(key)s is an invalid activation key.', key=activation_key) }}</p>
<p>{{ _('%(key)s is an invalid activation key.', key=activation_key) }}</p>
{% endblock %}

View file

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _('Your account has been successfully activated.') }}</p>
<p>{{ _('Your account has been successfully activated.') }}</p>
{% endblock %}

View file

@ -4,7 +4,7 @@ The last step is activating your account. Please activate your {{ SITE_NAME }} a
<br><br>
Please click on the following link to activate your account:
<p style="margin-left:1em">
<a href="http://{{ site.domain }}/accounts/activate/{{ activation_key }}/">http://{{ site.domain }}/accounts/activate/{{ activation_key }}</a>
<a href="http://{{ site.domain }}/accounts/activate/{{ activation_key }}/">http://{{ site.domain }}/accounts/activate/{{ activation_key }}</a>
</p>
Alternatively, you can reply to this message to activate your account.
@ -15,9 +15,9 @@ Your reply must keep the following text intact for this to work:
</pre>
{% if SITE_ADMIN_EMAIL %}
See you soon!
<br>
If you have problems activating your account, feel free to send us an email at <a href="mailto:{{ SITE_ADMIN_EMAIL }}">{{ SITE_ADMIN_EMAIL }}</a>.
See you soon!
<br>
If you have problems activating your account, feel free to send us an email at <a href="mailto:{{ SITE_ADMIN_EMAIL }}">{{ SITE_ADMIN_EMAIL }}</a>.
{% else %}
See you soon!
See you soon!
{% endif %}

View file

@ -1,51 +1,51 @@
{% extends "base.html" %}
{% block body %}
<div id="login-panel">
<form action="" method="post" class="form-area">
{% csrf_token %}
{% if form.errors %}
<div id="form-errors">
<p class="error">{{ _('Invalid username or password.') }}</p>
</div>
{% endif %}
<table border="0" style="text-align:left">
<tr>
<th><i class="fa fa-user fa-fw"></i>
</th>
<td>{{ form.username }}
</td>
</tr>
<tr>
<th><i class="fa fa-key fa-fw"></i>
</th>
<td>{{ form.password }}
</td>
</tr>
</table>
<hr>
<button style="float:right;" type="submit">{{ _('Login!') }}</button>
<input type="hidden" name="next" value="{{ next }}">
</form>
<br><a href="{{ url('password_reset') }}">{{ _('Forgot your password?') }}</a>
<div id="login-panel">
<form action="" method="post" class="form-area">
{% csrf_token %}
{% if form.errors %}
<div id="form-errors">
<p class="error">{{ _('Invalid username or password.') }}</p>
</div>
{% endif %}
<table border="0" style="text-align:left">
<tr>
<th><i class="fa fa-user fa-fw"></i>
</th>
<td>{{ form.username }}
</td>
</tr>
<tr>
<th><i class="fa fa-key fa-fw"></i>
</th>
<td>{{ form.password }}
</td>
</tr>
</table>
<hr>
<button style="float:right;" type="submit">{{ _('Login!') }}</button>
<input type="hidden" name="next" value="{{ next }}">
</form>
<br><a href="{{ url('password_reset') }}">{{ _('Forgot your password?') }}</a>
{% if form.has_google_auth or form.has_facebook_auth or form.has_github_auth %}
<h4>{{ _('Or log in with...') }}</h4>
{% if form.has_google_auth %}
<a href="{{ url('social:begin', "google-oauth2") }}?next={{ next }}" class="social google-icon">
<i class="fa fa-google-plus-square"></i>
</a>
{% endif %}
{% if form.has_facebook_auth %}
<a href="{{ url('social:begin', "facebook") }}?next={{ next }}" class="social facebook-icon">
<i class="fa fa-facebook-square"></i>
</a>
{% endif %}
{% if form.has_github_auth %}
<a href="{{ url('social:begin', "github-secure") }}?next={{ next }}" class="social github-icon">
<i class="fa fa-github-square"></i>
</a>
{% endif %}
{% endif %}
</div>
{% if form.has_google_auth or form.has_facebook_auth or form.has_github_auth %}
<h4>{{ _('Or log in with...') }}</h4>
{% if form.has_google_auth %}
<a href="{{ url('social:begin', "google-oauth2") }}?next={{ next }}" class="social google-icon">
<i class="fa fa-google-plus-square"></i>
</a>
{% endif %}
{% if form.has_facebook_auth %}
<a href="{{ url('social:begin', "facebook") }}?next={{ next }}" class="social facebook-icon">
<i class="fa fa-facebook-square"></i>
</a>
{% endif %}
{% if form.has_github_auth %}
<a href="{{ url('social:begin', "github-secure") }}?next={{ next }}" class="social github-icon">
<i class="fa fa-github-square"></i>
</a>
{% endif %}
{% endif %}
</div>
{% endblock %}

View file

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% block body %}
<h3>{{ _('See you later!') }}</h3>
<h3>{{ _('See you later!') }}</h3>
{% endblock %}

View file

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _('Your password was sucessfully changed.') }}</p>
<p>{{ _('Your password was sucessfully changed.') }}</p>
{% endblock %}

View file

@ -1,10 +1,10 @@
{% extends "base.html" %}
{% block body %}
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" class="django-as-table">{{ form.as_table() }}</table>
<hr>
<button style="float:right;" type="submit">{{ _('Change Password') }}</button>
</form>
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" class="django-as-table">{{ form.as_table() }}</table>
<hr>
<button style="float:right;" type="submit">{{ _('Change Password') }}</button>
</form>
{% endblock %}

View file

@ -1,9 +1,9 @@
{% extends "base.html" %}
{% block body %}
<form action="" method="post" class="form-area">{% csrf_token %}
<table border="0">{{ form.as_table() }}</table>
<hr>
<button style="float:right;" type="submit">{{ _('Send Reset Email') }}</button>
</form>
<form action="" method="post" class="form-area">{% csrf_token %}
<table border="0">{{ form.as_table() }}</table>
<hr>
<button style="float:right;" type="submit">{{ _('Send Reset Email') }}</button>
</form>
{% endblock %}

View file

@ -1,5 +1,5 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _('Your password has been set. You may go ahead and log in now') }}</p>
<a href="{{ url('auth_login') }}">{{ _('Log in') }}</a>
<p>{{ _('Your password has been set. You may go ahead and log in now') }}</p>
<a href="{{ url('auth_login') }}">{{ _('Log in') }}</a>
{% endblock %}

View file

@ -1,14 +1,14 @@
{% extends "base.html" %}
{% block body %}
{% if validlink %}
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" class="django-as-table">{{ form.as_table() }}</table>
<hr>
<button style="float:right;" type="submit">{{ _('Reset Password') }}</button>
</form>
{% else %}
<p>Invalid password reset link.</p>
{% endif %}
{% if validlink %}
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" class="django-as-table">{{ form.as_table() }}</table>
<hr>
<button style="float:right;" type="submit">{{ _('Reset Password') }}</button>
</form>
{% else %}
<p>Invalid password reset link.</p>
{% endif %}
{% endblock %}

View file

@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _("We've emailed you instructions for setting your password. You should be receiving them shortly.") }}</p>
<p>{{ _("If you don't receive an email, please make sure you've entered the address you registered with, and check your spam folder.") }}</p>
<p>{{ _("We've emailed you instructions for setting your password. You should be receiving them shortly.") }}</p>
<p>{{ _("If you don't receive an email, please make sure you've entered the address you registered with, and check your spam folder.") }}</p>
{% endblock %}

View file

@ -1,19 +1,19 @@
<span style="display:block;margin: 0 2px;padding: 1em;border: 3px solid #FFDE05;background-color: #000;border-radius: 6px;font-size: .95em;color: #444;margin-bottom:0.75em">
<div style="display:table;margin-left:2em"><img src="https://avatars1.githubusercontent.com/u/6934864?v=3&s=101" style="display:inline;vertical-align: middle">
<h1 style="font-size:4em;display:inline;vertical-align: middle"><a href="//{{ domain }}" style="text-decoration:none;color:gray"><span style="color: #FFDE05">LQD</span>OJ</a>
</h1>
</div>
<div style="display:table;margin-left:2em"><img src="https://avatars1.githubusercontent.com/u/6934864?v=3&s=101" style="display:inline;vertical-align: middle">
<h1 style="font-size:4em;display:inline;vertical-align: middle"><a href="//{{ domain }}" style="text-decoration:none;color:gray"><span style="color: #FFDE05">LQD</span>OJ</a>
</h1>
</div>
</span>
<div style="display:block;margin: 0 2px;padding: 1em;border: 3px solid #2980B9;background-color: #f8f8f8;border-radius: 6px;font-size: .95em;color: #444;">
<b>Forgot your password on the {{ site_name }}? Don't worry!</b><br><br>
To reset the password for your account "{{ user.get_username() }}", click the below button.
<p align="center">
<a href="{{ protocol }}://{{ domain }}{{ url('password_reset_confirm', uidb64=uid, token=token) }}" style="cursor: pointer;display:block;text-align: center;padding: 4px 2px 5px;color: white;border: 1px solid #666;border-radius: 1px;background: #2980b9;background: linear-gradient(180deg, #00aee0, #2980b9);text-decoration: none;line-height:2em;font-size:1emm;width:12em;">Reset password</a>
</p>
{% if SITE_ADMIN_EMAIL %}
See you soon! If you have problems resetting your email, feel free to shoot us an email at <a href="mailto:{{ SITE_ADMIN_EMAIL }}">{{ SITE_ADMIN_EMAIL }}</a>
{% else %}
See you soon!
{% endif %}
<b>Forgot your password on the {{ site_name }}? Don't worry!</b><br><br>
To reset the password for your account "{{ user.get_username() }}", click the below button.
<p align="center">
<a href="{{ protocol }}://{{ domain }}{{ url('password_reset_confirm', uidb64=uid, token=token) }}" style="cursor: pointer;display:block;text-align: center;padding: 4px 2px 5px;color: white;border: 1px solid #666;border-radius: 1px;background: #2980b9;background: linear-gradient(180deg, #00aee0, #2980b9);text-decoration: none;line-height:2em;font-size:1emm;width:12em;">Reset password</a>
</p>
{% if SITE_ADMIN_EMAIL %}
See you soon! If you have problems resetting your email, feel free to shoot us an email at <a href="mailto:{{ SITE_ADMIN_EMAIL }}">{{ SITE_ADMIN_EMAIL }}</a>
{% else %}
See you soon!
{% endif %}
</div>

View file

@ -1,58 +1,58 @@
{% extends "base.html" %}
{% block media %}
<link rel="stylesheet" href="{{ static('libs/timezone-map/timezone-map.css') }}">
{{ form.media.css }}
<style>
.map-inset {
background: url('{{TIMEZONE_MAP}}') 50% 50%
}
<link rel="stylesheet" href="{{ static('libs/timezone-map/timezone-map.css') }}">
{{ form.media.css }}
<style>
.map-inset {
background: url('{{TIMEZONE_MAP}}') 50% 50%
}
.map-wrap {
display: none
}
.map-wrap {
display: none
}
.featherlight {
z-index: 1000
}
.featherlight {
z-index: 1000
}
.featherlight .featherlight-content {
min-width: 80%
}
.featherlight .featherlight-content {
min-width: 80%
}
{% if TIMEZONE_BG %}
.map-wrap {
background: {{TIMEZONE_BG}}
}
{% endif %}
</style>
{% if TIMEZONE_BG %}
.map-wrap {
background: {{TIMEZONE_BG}}
}
{% endif %}
</style>
{% endblock %}
{% block js_media %}{{ form.media.js }}{% endblock %}
{% block body %}
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" style="text-align:left">{{ form.as_table() }}</table>
<input type="submit" style="float:right;" value="{{ _('Continue >') }}">
</form>
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" style="text-align:left">{{ form.as_table() }}</table>
<input type="submit" style="float:right;" value="{{ _('Continue >') }}">
</form>
<div class="map-wrap">
<div class="map-inset">
<div class="map-axis-x"></div>
<div class="map-axis-y"></div>
</div>
<div class="map-wrap">
<div class="map-inset">
<div class="map-axis-x"></div>
<div class="map-axis-y"></div>
</div>
</div>
{% endblock %}
{% block bodyend %}
<script type="text/javascript" src="{{ static('libs/timezone-map/timezone-picker.js') }}"></script>
<script type="text/javascript">
$(function () {
$('#open-map').featherlight({
afterOpen: function () {
timezone_picker($('.featherlight-inner .map-inset'), $('#id_timezone'), '{{ static('libs/timezone-map/timezone-picker.json') }}');
}
});
});
</script>
<script type="text/javascript" src="{{ static('libs/timezone-map/timezone-picker.js') }}"></script>
<script type="text/javascript">
$(function () {
$('#open-map').featherlight({
afterOpen: function () {
timezone_picker($('.featherlight-inner .map-inset'), $('#id_timezone'), '{{ static('libs/timezone-map/timezone-picker.json') }}');
}
});
});
</script>
{% endblock %}

View file

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _('Registration is currently closed. Please contact an administrator.') }}</p>
<p>{{ _('Registration is currently closed. Please contact an administrator.') }}</p>
{% endblock %}

View file

@ -1,4 +1,4 @@
{% extends "base.html" %}
{% block body %}
<p>{{ _('You have successfully been registered. An email has been sent to the email address you provided to confirm your registration.') }}</p>
<p>{{ _('You have successfully been registered. An email has been sent to the email address you provided to confirm your registration.') }}</p>
{% endblock %}

View file

@ -1,111 +1,111 @@
{% extends "base.html" %}
{% block media %}
{% include "timezone/media-css.html" %}
{{ form.media.css }}
<style>
#content-body {
text-align: center;
}
</style>
{% include "timezone/media-css.html" %}
{{ form.media.css }}
<style>
#content-body {
text-align: center;
}
</style>
{% endblock %}
{% block js_media %}
{% include "timezone/media-js.html" %}
{{ form.media.js }}
<script type="text/javascript">
$(function () {
$('.pass-req-link').click(function () {
$('.pass-req').toggle('fast');
return false;
});
});
</script>
{% if form.captcha %}
{{ recaptcha_init(LANGUAGE_CODE) }}
{% endif %}
{% include "timezone/media-js.html" %}
{{ form.media.js }}
<script type="text/javascript">
$(function () {
$('.pass-req-link').click(function () {
$('.pass-req').toggle('fast');
return false;
});
});
</script>
{% if form.captcha %}
{{ recaptcha_init(LANGUAGE_CODE) }}
{% endif %}
{% endblock %}
{% block body %}
<div id="center-float" class="registration-form">
<form id="edit-form" action="" method="post" class="form-area">
{% csrf_token %}
<div id="center-float" class="registration-form">
<form id="edit-form" action="" method="post" class="form-area">
{% csrf_token %}
<div class="block-header">{{ _('Username') }}</div>
<span class="fullwidth{% if form.username.errors %}-error{% endif %}">{{ form.username }}</span>
{% if form.username.errors %}
<div class="form-field-error">{{ form.username.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Username') }}</div>
<span class="fullwidth{% if form.username.errors %}-error{% endif %}">{{ form.username }}</span>
{% if form.username.errors %}
<div class="form-field-error">{{ form.username.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Email') }}</div>
<span class="fullwidth{% if form.email.errors %}-error{% endif %}">{{ form.email }}</span>
{% if form.email.errors %}
<div class="form-field-error">{{ form.email.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Email') }}</div>
<span class="fullwidth{% if form.email.errors %}-error{% endif %}">{{ form.email }}</span>
{% if form.email.errors %}
<div class="form-field-error">{{ form.email.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Password') -}}
<small>(<a href="#" class="pass-req-link">?</a>)</small>
</div>
<div style="display: none" class="pass-req alert alert-info">
<ul>
{% for validator in password_validators %}
<li>{{ validator.get_help_text() }}</li>
{% endfor %}
</ul>
</div>
<span class="fullwidth{% if form.password1.errors %}-error{% endif %}">{{ form.password1 }}</span>
{% if form.password1.errors %}
<div class="form-field-error">{{ form.password1.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Password') }}<sup style="font-size: 0.7em;padding-left: 0.2em;">2</sup>{# -#}
<small>{{ _('(again, for confirmation)') }}</small>
</div>
<span class="fullwidth{% if form.password2.errors %}-error{% endif %}">{{ form.password2 }}</span>
{% if form.password2.errors %}
<div class="form-field-error">{{ form.password2.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Password') -}}
<small>(<a href="#" class="pass-req-link">?</a>)</small>
</div>
<div style="display: none" class="pass-req alert alert-info">
<ul>
{% for validator in password_validators %}
<li>{{ validator.get_help_text() }}</li>
{% endfor %}
</ul>
</div>
<span class="fullwidth{% if form.password1.errors %}-error{% endif %}">{{ form.password1 }}</span>
{% if form.password1.errors %}
<div class="form-field-error">{{ form.password1.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Password') }}<sup style="font-size: 0.7em;padding-left: 0.2em;">2</sup>{# -#}
<small>{{ _('(again, for confirmation)') }}</small>
</div>
<span class="fullwidth{% if form.password2.errors %}-error{% endif %}">{{ form.password2 }}</span>
{% if form.password2.errors %}
<div class="form-field-error">{{ form.password2.errors }}</div>
{% endif %}
<div class="block-header">{{ _('Timezone') }}<small>{{ _('(select your closest major city)') }}</small></div>
<div class="fullwidth">
<div>{{ form.timezone }}
<div style="float: right">
{{ _('or') }}
<a id="open-map" href="#" data-featherlight=".map-wrap">{{ _('pick from map') }}</a>
</div>
</div>
</div>
<div class="block-header">{{ _('Default language') }}</div>
<span class="fullwidth">{{ form.language }}</span>
<div class="block-header">{{ _('Affiliated organizations') }}</div>
{{ form.organizations }}
{% if form.organizations.errors %}
<div class="form-field-error">{{ form.organizations.errors }}</div>
{% endif %}
{% if form.captcha %}
<div style="margin-top: 0.5em">{{ form.captcha }}</div>
{% if form.captcha.errors %}
<div class="form-field-error">{{ form.captcha.errors }}</div>
{% endif %}
{% endif %}
<hr>
{% if tos_url %}
<span class="tos-section">
{{ _('By registering, you agree to our') }}
<a href="{{ tos_url }}">{{ _('Terms & Conditions') }}</a>.
</span>
{% endif %}
<button style="float:right;" type="submit">{{ _('Register!') }}</button>
</form>
</div>
<div class="map-wrap registration-form">
<div class="map-inset">
<div class="map-axis-x"></div>
<div class="map-axis-y"></div>
<div class="block-header">{{ _('Timezone') }}<small>{{ _('(select your closest major city)') }}</small></div>
<div class="fullwidth">
<div>{{ form.timezone }}
<div style="float: right">
{{ _('or') }}
<a id="open-map" href="#" data-featherlight=".map-wrap">{{ _('pick from map') }}</a>
</div>
</div>
</div>
<div class="block-header">{{ _('Default language') }}</div>
<span class="fullwidth">{{ form.language }}</span>
<div class="block-header">{{ _('Affiliated organizations') }}</div>
{{ form.organizations }}
{% if form.organizations.errors %}
<div class="form-field-error">{{ form.organizations.errors }}</div>
{% endif %}
{% if form.captcha %}
<div style="margin-top: 0.5em">{{ form.captcha }}</div>
{% if form.captcha.errors %}
<div class="form-field-error">{{ form.captcha.errors }}</div>
{% endif %}
{% endif %}
<hr>
{% if tos_url %}
<span class="tos-section">
{{ _('By registering, you agree to our') }}
<a href="{{ tos_url }}">{{ _('Terms & Conditions') }}</a>.
</span>
{% endif %}
<button style="float:right;" type="submit">{{ _('Register!') }}</button>
</form>
</div>
<div class="map-wrap registration-form">
<div class="map-inset">
<div class="map-axis-x"></div>
<div class="map-axis-y"></div>
</div>
</div>
{% endblock %}

View file

@ -1,43 +1,43 @@
{% extends "base.html" %}
{% block media %}
<style>
#login-panel-2fa {
position: relative;
margin: 5em auto auto -10em;
top: 40%;
left: 50%;
}
<style>
#login-panel-2fa {
position: relative;
margin: 5em auto auto -10em;
top: 40%;
left: 50%;
}
#totp-token-container {
margin: 0.5em 0;
}
#totp-token-container {
margin: 0.5em 0;
}
#id_totp_token {
width: 100%;
}
#id_totp_token {
width: 100%;
}
.totp-panel-message {
width: 300px;
}
</style>
.totp-panel-message {
width: 300px;
}
</style>
{% endblock %}
{% block body %}
<div id="login-panel-2fa">
<form action="" method="post" class="form-area">
{% csrf_token %}
{% if form.errors %}
<div id="form-errors">
<p class="error">{{ _('Invalid Two Factor Authentication token.') }}</p>
</div>
{% endif %}
<div id="login-panel-2fa">
<form action="" method="post" class="form-area">
{% csrf_token %}
{% if form.errors %}
<div id="form-errors">
<p class="error">{{ _('Invalid Two Factor Authentication token.') }}</p>
</div>
{% endif %}
<div><label class="inline-header grayed">{{ _('Enter the 6-digit code generated by your app:') }}</label></div>
<div id="totp-token-container"><span class="fullwidth">{{ form.totp_token }}</span></div>
<hr>
<button style="float:right;" type="submit">{{ _('Login!') }}</button>
</form>
<p class="totp-panel-message">{{ _('If you lost your authentication device, please contact us at %(email)s.', email=SITE_ADMIN_EMAIL)|urlize }}</p>
</div>
<div><label class="inline-header grayed">{{ _('Enter the 6-digit code generated by your app:') }}</label></div>
<div id="totp-token-container"><span class="fullwidth">{{ form.totp_token }}</span></div>
<hr>
<button style="float:right;" type="submit">{{ _('Login!') }}</button>
</form>
<p class="totp-panel-message">{{ _('If you lost your authentication device, please contact us at %(email)s.', email=SITE_ADMIN_EMAIL)|urlize }}</p>
</div>
{% endblock %}

View file

@ -1,51 +1,51 @@
{% extends "base.html" %}
{% block media %}
<style>
.inline-header {
font-size: 1.1em;
padding: 4px 8px;
padding-left: 0;
}
<style>
.inline-header {
font-size: 1.1em;
padding: 4px 8px;
padding-left: 0;
}
.block-header {
font-size: 1.1em;
}
.block-header {
font-size: 1.1em;
}
.block-header:first-of-type {
padding-top: 0.5em;
}
.block-header:first-of-type {
padding-top: 0.5em;
}
#center-float {
position: relative;
margin: 0 auto auto -28.5em;
left: 50%;
width: 700px;
}
#center-float {
position: relative;
margin: 0 auto auto -28.5em;
left: 50%;
width: 700px;
}
#totp-disable-form {
border: unset;
background: unset;
max-width: 700px;
}
</style>
#totp-disable-form {
border: unset;
background: unset;
max-width: 700px;
}
</style>
{% endblock %}
{% block body %}
<div id="center-float">
<form id="totp-disable-form" action="" method="post" class="form-area">
{% csrf_token %}
<div class="block-header">{{ _('To protect your account, you must first authenticate before you can disable Two Factor Authentication.') }}</div>
{% if form.totp_token.errors %}
<div class="form-errors">
{{ form.totp_token.errors }}
</div>
{% endif %}
<div>
<label class="inline-header grayed">{{ _('Enter the 6-digit code generated by your app:') }}</label>
<span class="fullwidth">{{ form.totp_token }}</span>
</div>
<button style="margin-top: 0.5em" class="button" type="submit">{{ _('Disable Two Factor Authentication') }}</button>
</form>
</div>
<div id="center-float">
<form id="totp-disable-form" action="" method="post" class="form-area">
{% csrf_token %}
<div class="block-header">{{ _('To protect your account, you must first authenticate before you can disable Two Factor Authentication.') }}</div>
{% if form.totp_token.errors %}
<div class="form-errors">
{{ form.totp_token.errors }}
</div>
{% endif %}
<div>
<label class="inline-header grayed">{{ _('Enter the 6-digit code generated by your app:') }}</label>
<span class="fullwidth">{{ form.totp_token }}</span>
</div>
<button style="margin-top: 0.5em" class="button" type="submit">{{ _('Disable Two Factor Authentication') }}</button>
</form>
</div>
{% endblock %}

View file

@ -1,89 +1,89 @@
{% extends "base.html" %}
{% block media %}
<style>
.inline-header {
font-size: 1.1em;
padding: 4px 8px;
padding-left: 0;
}
<style>
.inline-header {
font-size: 1.1em;
padding: 4px 8px;
padding-left: 0;
}
.block-header {
font-size: 1.1em;
}
.block-header {
font-size: 1.1em;
}
.block-header:first-of-type {
padding-top: 0.5em;
}
.block-header:first-of-type {
padding-top: 0.5em;
}
#center-float {
position: relative;
margin: 0 auto auto -28.5em;
left: 50%;
width: 700px;
}
#center-float {
position: relative;
margin: 0 auto auto -28.5em;
left: 50%;
width: 700px;
}
#totp-enable-form {
border: none;
background: none;
max-width: 700px;
}
#totp-enable-form {
border: none;
background: none;
max-width: 700px;
}
.totp-qr-code img, .totp-qr-code canvas {
width: 400px;
max-width: 100%;
margin: 0 auto;
display: block;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -webkit-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
</style>
.totp-qr-code img, .totp-qr-code canvas {
width: 400px;
max-width: 100%;
margin: 0 auto;
display: block;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -webkit-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
</style>
{% endblock %}
{% block js_media %}
<script>
$(function () {
if (window.navigator.userAgent.indexOf('Edge') >= 0) {
var $qr = $('.totp-qr-code');
var $canvas = $('<canvas width="400" height="400">').appendTo($qr);
var ctx = $canvas[0].getContext('2d');
$qr.find('img').on('load', function () {
ctx.msImageSmoothingEnabled = false;
ctx.imageSmoothingEnabled = false;
ctx.drawImage(this, 0, 0, 400, 400);
$(this).hide();
});
}
<script>
$(function () {
if (window.navigator.userAgent.indexOf('Edge') >= 0) {
var $qr = $('.totp-qr-code');
var $canvas = $('<canvas width="400" height="400">').appendTo($qr);
var ctx = $canvas[0].getContext('2d');
$qr.find('img').on('load', function () {
ctx.msImageSmoothingEnabled = false;
ctx.imageSmoothingEnabled = false;
ctx.drawImage(this, 0, 0, 400, 400);
$(this).hide();
});
</script>
}
});
</script>
{% endblock %}
{% block body %}
<div id="center-float">
<form id="totp-enable-form" action="" method="post" class="form-area">
{% csrf_token %}
<div id="center-float">
<form id="totp-enable-form" action="" method="post" class="form-area">
{% csrf_token %}
<div class="block-header">{{ _('Scan this code with your authenticator app:') }}</div>
<div class="totp-qr-code"><img src="{{ qr_code }}" alt="{{ _('QR code') }}"></div>
<div class="inline-header">{{ _('Or enter this code manually:') }}
<code class="totp-code">{{ totp_key }}</code>
</div>
<hr>
{% if form.totp_token.errors %}
<div class="form-errors">
{{ form.totp_token.errors }}
</div>
{% endif %}
<div>
<label class="inline-header grayed">{{ _('Enter the 6-digit code generated by your app:') }}</label>
<span class="fullwidth">{{ form.totp_token }}</span>
</div>
<button style="margin-top: 0.5em" class="button" type="submit">{{ _('Enable Two Factor Authentication') }}</button>
</form>
</div>
<div class="block-header">{{ _('Scan this code with your authenticator app:') }}</div>
<div class="totp-qr-code"><img src="{{ qr_code }}" alt="{{ _('QR code') }}"></div>
<div class="inline-header">{{ _('Or enter this code manually:') }}
<code class="totp-code">{{ totp_key }}</code>
</div>
<hr>
{% if form.totp_token.errors %}
<div class="form-errors">
{{ form.totp_token.errors }}
</div>
{% endif %}
<div>
<label class="inline-header grayed">{{ _('Enter the 6-digit code generated by your app:') }}</label>
<span class="fullwidth">{{ form.totp_token }}</span>
</div>
<button style="margin-top: 0.5em" class="button" type="submit">{{ _('Enable Two Factor Authentication') }}</button>
</form>
</div>
{% endblock %}

View file

@ -1,9 +1,9 @@
{% extends "base.html" %}
{% block body %}
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" style="text-align:left">{{ form.as_table() }}</table>
<input type="submit" style="float:right;" value="{{ _('Continue >') }}">
</form>
<form action="" method="post" class="form-area">
{% csrf_token %}
<table border="0" style="text-align:left">{{ form.as_table() }}</table>
<input type="submit" style="float:right;" value="{{ _('Continue >') }}">
</form>
{% endblock %}