Craig Oates
2 years ago
1 changed files with 46 additions and 13 deletions
@ -1,21 +1,54 @@ |
|||||||
{% extends "layouts/default.html" %} |
{% extends "layouts/default.html" %} |
||||||
{% block title %}Create a new account.{% endblock %} |
{% block title %}Create a new account{% endblock %} |
||||||
{% block content %} |
{% block content %} |
||||||
<div> |
<main class="be-main"> |
||||||
<form action="/sign-up" method="post"> |
<h1>Create Your New Account</h1> |
||||||
<fieldset> |
<form class="be-gui-form" |
||||||
<legend>Account Details</legend> |
action="/sign-up" |
||||||
<input type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}"> |
method="post"> |
||||||
|
<input type="hidden" |
||||||
|
name="AUTHENTICITY-TOKEN" |
||||||
|
value="{{token}}"> |
||||||
<label>Username</label> |
<label>Username</label> |
||||||
<input required type="text" name="USERNAME"> |
<p class="be-gui-form-hint"> |
||||||
|
Enter your email address or create a unique name to log into the |
||||||
|
website. You can not change this after you've created your |
||||||
|
account. |
||||||
|
</p> |
||||||
|
<input required |
||||||
|
type="text" |
||||||
|
name="USERNAME" |
||||||
|
placeholder="Enter your username here..."> |
||||||
<label>Display Name</label> |
<label>Display Name</label> |
||||||
<input required type="text" name="DISPLAY-NAME"> |
<p class="be-gui-form-hint"> |
||||||
|
Your display name is how the website will refer to you whilst |
||||||
|
logged-in. You can change this after you've logged into the |
||||||
|
website. |
||||||
|
</p> |
||||||
|
<input required |
||||||
|
type="text" |
||||||
|
name="DISPLAY-NAME" |
||||||
|
placeholder="Enter your display name here..."> |
||||||
<label>Password</label> |
<label>Password</label> |
||||||
<input required type="password" name="PASSWORD"> |
<input required |
||||||
|
type="password" |
||||||
|
name="PASSWORD" |
||||||
|
placeholder="Enter your password here..."> |
||||||
<label>Password Check</label> |
<label>Password Check</label> |
||||||
<input required type="password" name="PASSWORD-CHECK"> |
<p class="be-gui-form-hint"> |
||||||
<input type="submit" value="Create Account"> |
Re-enter your password here to make sure you haven't misspelt it. |
||||||
</fieldset> |
</p> |
||||||
|
<input required |
||||||
|
type="password" |
||||||
|
name="PASSWORD-CHECK" |
||||||
|
placeholder="Re-enter your password here to confirm it..."> |
||||||
|
<button class="be-gui-button" |
||||||
|
title="Click to login" |
||||||
|
type="submit"> |
||||||
|
<img alt="Create Account" |
||||||
|
src="/images/icons/create-account.png"> |
||||||
|
Sign-Up |
||||||
|
</button> |
||||||
</form> |
</form> |
||||||
</div> |
</main> |
||||||
{% endblock %} |
{% endblock %} |
||||||
|
Loading…
Reference in new issue