{% extends "base.html" %} {% block main %} <h1>Signup</h1> {# Show a username/password signup form #} <form method="post" action="/signup" id="signupform" enctype="multipart/form-data" accept-charset="UTF-8"> <label class="form-label" for="signup-username"><b>Username</b>: </label> <input class="form-control" id="signup-username" type="text" name="username" required="required"/><br/> <label class="form-label" for="signup-password"><b>Choose a password</b>: </label> <input class="form-control" id="signup-password" type="password" name="password" required="required"/><br/> <label class="form-label" for="signup-password2"><b>Repeat password</b>: </label> <input class="form-control" id="signup-password2" type="password" name="password2" required="required"/><br/> <label class="form-label" for="signup-email">E-Mail: </label> <input class="form-control" id="signup-email" type="text" name="email"/><br/> <label class="form-label" for="signup-avatar">Upload a profile picture: </label> <input class="form-control" id="signup-avatar" type="file" name="avatar" accept="image/*" /><br/> <label class="form-label" for="signup-touchkey">Draw a touchkey (touchscreen login pattern)</label> <br/> <svg id="touchkey-svg" width="400" height="400"></svg> <br/> <input id="signup-touchkey" type="hidden" name="touchkey" value="" /> <input class="btn btn-primary" type="submit" value="Create account"> <a class="btn btn-secondary" href="/">Cancel</a> </form> <script src="/static/js/touchkey.js" ></script> <script> initTouchkey(true, 'touchkey-svg', null, 'signup-touchkey'); </script> {{ super() }} {% endblock %} {% block eanwebsocket %} document.location = "/?ean=" + e.data; {% endblock %}