<input type="hidden" name="next" value="{{ next or "" }}">
- <div class="block">
- <div class="field">
- <div class="field-body">
- <div class="field">
- <p class="control has-icons-left">
- <span class="icon is-small is-left">
- <i class="fas fa-at"></i>
- </span>
- <input class="input" type="text" placeholder="{{ _("Username") }}" required autofocus
- pattern="[a-z_][a-z0-9_-]{3,31}">
- </p>
- </div>
+ <div class="block">
+ <div class="field">
+ <div class="field-body">
+ <div class="field">
+ <p class="control has-icons-left">
+ <span class="icon is-small is-left">
+ <i class="fas fa-at"></i>
+ </span>
+ <input class="input" type="text" placeholder="{{ _("Username") }}" required autofocus
+ pattern="[a-z_][a-z0-9_-]{3,31}">
+ </p>
</div>
</div>
+ </div>
- <div id="uid-invalid" class="invalid-feedback invalid-feedback-uid">
- {{ _("Please choose a username in UNIX format with at least four characters, starting with a lowercase letter, followed by only lowercase letters, digits, dash and underscore") }}
- </div>
- <div id="uid-taken" class="invalid-feedback invalid-feedback-uid">
- {{ _("This username is not available") }}
- </div>
+ <div id="uid-invalid" class="invalid-feedback invalid-feedback-uid">
+ {{ _("Please choose a username in UNIX format with at least four characters, starting with a lowercase letter, followed by only lowercase letters, digits, dash and underscore") }}
</div>
- <div class="block">
- <div class="field">
- <div class="field-body">
- <div class="field">
- <p class="control has-icons-left">
- <span class="icon is-small is-left">
- <i class="fas fa-person"></i>
- </span>
- <input class="input" type="text" name="first_name" placeholder="{{ _("First Name") }}" required autofocus>
- </p>
- <p class="control has-icons-left">
- <span class="icon is-small is-left">
- <i class="fas fa-person"></i>
- </span>
- <input class="input" type="text" name="last_name" placeholder="{{ _("Last Name") }}" required autofocus>
- </p>
- </div>
- </div>
- </div>
+ <div id="uid-taken" class="invalid-feedback invalid-feedback-uid">
+ {{ _("This username is not available") }}
</div>
+ </div>
- <div class="block">
- <div class="field">
- <div class="field-body">
- <div class="field">
- <p class="control has-icons-left">
- <span class="icon is-small is-left">
- <i class="fas fa-envelope"></i>
- </span>
- <input class="input" type="email"
- name="email" placeholder="{{ _("Email Address") }}" required>
- <div id="email-invalid" class="invalid-feedback invalid-feedback-email">
- {{ _("This email address is invalid") }}
- </div>
- <div id="email-blacklisted" class="invalid-feedback invalid-feedback-email">
- {{ _("This email address cannot be used") }}
- </div>
- <div id="email-taken" class="invalid-feedback invalid-feedback-email">
- {{ _("This email address is already in use") }}
- </div>
- </p>
- </div>
+ <div class="block">
+ <div class="field">
+ <div class="field-body">
+ <div class="field">
+ <p class="control has-icons-left">
+ <span class="icon is-small is-left">
+ <i class="fas fa-person"></i>
+ </span>
+ <input class="input" type="text" name="first_name" placeholder="{{ _("First Name") }}" required autofocus>
+ </p>
+ <p class="control has-icons-left">
+ <span class="icon is-small is-left">
+ <i class="fas fa-person"></i>
+ </span>
+ <input class="input" type="text" name="last_name" placeholder="{{ _("Last Name") }}" required autofocus>
+ </p>
</div>
</div>
</div>
+ </div>
+ <div class="block">
<div class="field">
- <div class="control">
- <button class="button is-primary is-medium is-fullwidth">
- {{ _("Register") }}
- </button>
+ <div class="field-body">
+ <div class="field">
+ <p class="control has-icons-left">
+ <span class="icon is-small is-left">
+ <i class="fas fa-envelope"></i>
+ </span>
+ <input class="input" type="email"
+ name="email" placeholder="{{ _("Email Address") }}" required>
+ <div id="email-invalid" class="invalid-feedback invalid-feedback-email">
+ {{ _("This email address is invalid") }}
+ </div>
+ <div id="email-blacklisted" class="invalid-feedback invalid-feedback-email">
+ {{ _("This email address cannot be used") }}
+ </div>
+ <div id="email-taken" class="invalid-feedback invalid-feedback-email">
+ {{ _("This email address is already in use") }}
+ </div>
+ </p>
+ </div>
</div>
</div>
- </form>
- </div>
+ </div>
+
+ <div class="field">
+ <div class="control">
+ <button class="button is-primary is-medium is-fullwidth">
+ {{ _("Register") }}
+ </button>
+ </div>
+ </div>
+ </form>
</div>
</div>
</div>