52 lines
1.8 KiB
HTML
52 lines
1.8 KiB
HTML
{% extends 'templates/base.html' %}
|
|
{% block title %}{{super()}} | Set Password{% endblock %}
|
|
|
|
{% block head %}
|
|
{{super()}}
|
|
<link rel="stylesheet" type="text/css" href="/static/css/.form.min.css">
|
|
{% endblock %}
|
|
|
|
{% block main %}
|
|
<section class='container'>
|
|
|
|
<h1>Set Password</h1>
|
|
|
|
<form id='password-form' role="form" method="post">
|
|
<style>
|
|
#password-form .password {
|
|
min-width: 40%;
|
|
margin-bottom: 2%;
|
|
}
|
|
#password-help {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
<p>Your password must be at least 8 characters long. You can use any letter, number, symbol, emoji, or spaces. Your password will be stored as a salted hash on the server. </p>
|
|
|
|
<div class='form-group' style="flex-wrap:wrap">
|
|
<input id='p1' class='form-control password' name="password" type="password" placeholder="enter password" title="Type your new password here" minlength="8" maxlength="160">
|
|
<input id='p2' class='form-control password' name="repassword" type="password" placeholder="retype password" title="Retype your new password here" minlength="8" maxlength="160">
|
|
<span title="Show your passwords if nobody's looking over your shoulder. " style="margin:auto">
|
|
<input id='show' name="show" type="checkbox">
|
|
<label for="show">show</label>
|
|
</span>
|
|
</div>
|
|
|
|
<p id='password-help' title="Your passwords are checked using Mellt password cracker. "></p>
|
|
|
|
<div id='submit-group' class='form-group flexbox' style="justify-content:space-around">
|
|
<input id='submit' class='btn main' style="min-width:50%" type="submit" value="Save" title="You need to enter a password first. " disabled>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</section>
|
|
{% endblock %}
|
|
|
|
{% block javascript %}
|
|
{{super()}}
|
|
<script src="/static/js/.mellt.min.js"></script>
|
|
<script src="/static/js/.common-passwords.min.js"></script>
|
|
<script src="/static/js/.password.min.js"></script>
|
|
{% endblock %} |