2017-04-12 11:41:27 -06:00
{% extends 'templates/base.html' %}
{% block title %}{{super()}} | Set Password{% endblock %}
{% block head %}
{{super()}}
2017-04-12 18:38:06 -06:00
< link rel = "stylesheet" type = "text/css" href = "/static/css/.form.min.css" >
2017-04-12 11:41:27 -06:00
{% endblock %}
{% block main %}
2017-04-13 23:00:18 -06:00
< section class = 'container' >
< h1 > Set Password< / h1 >
< form id = 'password-form' role = "form" method = "post" >
< style >
2017-04-15 08:22:13 -06:00
#password-form .password {
2017-04-15 08:48:56 -06:00
flex-grow: 1;
min-width: 0;
margin: 2%;
2017-04-15 08:22:13 -06:00
}
#password-help {
display: none;
2017-04-13 23:00:18 -06:00
}
2017-04-15 08:48:56 -06:00
.form-group > span {
display: flex;
flex-wrap: wrap;
}
2017-04-13 23:00:18 -06:00
< / style >
2017-04-15 08:22:13 -06:00
< 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" >
2017-04-15 08:48:56 -06:00
< span title = "Enter your new password here" style = "flex-grow:1; max-width:70vw" >
< input id = 'p1' class = 'form-control password' name = "password" type = "password" placeholder = "enter password" minlength = "8" maxlength = "160" >
< input id = 'p2' class = 'form-control password' name = "repassword" type = "password" placeholder = "retype password" minlength = "8" maxlength = "160" >
< / span >
2017-04-15 08:22:13 -06:00
< span title = "Show your passwords if nobody's looking over your shoulder. " style = "margin:auto" >
2017-04-15 08:48:56 -06:00
< input id = 'show' name = "show" type = "checkbox" style = "margin:8px auto" >
< label for = "show" style = "width:100%; text-align:center;" > show< / label >
2017-04-15 08:22:13 -06:00
< / span >
2017-04-13 23:00:18 -06:00
< / div >
2017-04-15 08:22:13 -06:00
< p id = 'password-help' title = "Your passwords are checked using Mellt password cracker. " > < / p >
2017-04-13 23:00:18 -06:00
2017-04-15 08:22:13 -06:00
< 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 >
2017-04-13 23:00:18 -06:00
< / div >
2017-04-12 11:41:27 -06:00
2017-04-13 23:00:18 -06:00
< / form >
2017-04-12 11:41:27 -06:00
2017-04-13 23:00:18 -06:00
< / section >
2017-04-15 08:22:13 -06:00
{% endblock %}
{% block javascript %}
{{super()}}
2017-05-06 12:51:02 -06:00
< script type = "application/javascript" src = "/static/js/.mellt.min.js" > < / script >
< script type = "application/javascript" src = "/static/js/.common-passwords.min.js" > < / script >
< script type = "application/javascript" src = "/static/js/.password.min.js" > < / script >
2017-04-12 11:41:27 -06:00
{% endblock %}