<!DOCTYPE html> <html lang="en" class="{{ .cssClass }}"> <head> <link rel="stylesheet" type="text/css" href="css/bundle.css"> {{ template "header.html" . }} <title> {{ if .passwordReset }} {{ .strings.passwordReset }} {{ else }} {{ .strings.pageTitle }} {{ end }} </title> </head> <body class="max-w-full overflow-x-hidden section"> <div id="modal-success" class="modal"> <div class="modal-content card"> <span class="heading mb-1">{{ if .passwordReset }}{{ .strings.passwordReset }}{{ else }}{{ .strings.successHeader }}{{ end }}</span> <p class="content mb-1">{{ if .passwordReset }}{{ .strings.youCanLoginPassword }}{{ else }}{{ .successMessage }}{{ end }}</p> <a class="button ~urge !normal full-width center supra submit" href="{{ .jfLink }}" id="create-success-button">{{ .strings.continue }}</a> </div> </div> <div id="modal-confirmation" class="modal"> <div class="modal-content card"> <span class="heading mb-1">{{ .strings.confirmationRequired }}</span> <p class="content mb-1">{{ .strings.confirmationRequiredMessage }}</p> </div> </div> {{ if .telegramEnabled }} <div id="modal-telegram" class="modal"> <div class="modal-content card"> <span class="heading mb-1">{{ .strings.linkTelegram }}</span> <p class="content mb-1">{{ .strings.sendPIN }}</p> <h1 class="ac">{{ .telegramPIN }}</h1> <a class="subheading link-center" href="{{ .telegramURL }}" target="_blank"> <span class="shield ~info mr-1"> <span class="icon"> <i class="ri-telegram-line"></i> </span> </span> @{{ .telegramUsername }} </a> <span class="button ~info !normal full-width center mt-1" id="telegram-waiting">{{ .strings.success }}</span> </div> </div> {{ end }} {{ if .discordEnabled }} <div id="modal-discord" class="modal"> <div class="modal-content card"> <span class="heading mb-1">{{ .strings.linkDiscord }}</span> <p class="content mb-1"> {{ .discordSendPINMessage }}</p> <h1 class="ac">{{ .discordPIN }}</h1> <a id="discord-invite"></a> <span class="button ~info !normal full-width center mt-1" id="discord-waiting">{{ .strings.success }}</span> </div> </div> {{ end }} {{ if .matrixEnabled }} <div id="modal-matrix" class="modal"> <div class="modal-content card"> <span class="heading mb-1">{{ .strings.linkMatrix }}</span> <p class="content mb-1"> {{ .strings.matrixEnterUser }}</p> <input type="text" class="input ~neutral !high" placeholder="@user:riot.im" id="matrix-userid"> <div class="subheading link-center mt-1"> <span class="shield ~info mr-1"> <span class="icon"> <i class="ri-chat-3-line"></i> </span> </span> {{ .matrixUser }} </div> <span class="button ~info !normal full-width center mt-1" id="matrix-send">{{ .strings.submit }}</span> </div> </div> {{ end }} <span class="dropdown" tabindex="0" id="lang-dropdown"> <span class="button ~urge dropdown-button"> <i class="ri-global-line"></i> <span class="ml-1 chev"></span> </span> <div class="dropdown-display"> <div class="card ~neutral !low" id="lang-list"> </div> </div> </span> <div id="notification-box"></div> <div class="page-container"> <div class="card ~neutral !low"> <div class="row baseline"> <span class="col heading"> {{ if .passwordReset }} {{ .strings.passwordReset }} {{ else }} {{ .strings.createAccountHeader }} {{ end }} </span> <span class="col subheading"> {{ if .passwordReset }} {{ .strings.enterYourPassword }} {{ else }} {{ .helpMessage }} {{ end }} </span> </div> <div class="row"> <div class="col"> {{ if .userExpiry }} <aside class="col aside sm ~warning" id="user-expiry-message"></aside> {{ end }} <form class="card ~neutral !normal" id="form-create" href=""> {{ if not .passwordReset }} <label class="label supra"> {{ .strings.username }} <input type="text" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.username }}" id="create-username" aria-label="{{ .strings.username }}"> </label> <label class="label supra" for="create-email">{{ .strings.emailAddress }}</label> <input type="email" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.emailAddress }}" id="create-email" aria-label="{{ .strings.emailAddress }}" value="{{ .email }}"> {{ if .telegramEnabled }} <span class="button ~info !normal full-width center mb-1" id="link-telegram">{{ .strings.linkTelegram }}</span> {{ end }} {{ if .discordEnabled }} <span class="button ~info !normal full-width center mb-1" id="link-discord">{{ .strings.linkDiscord }}</span> {{ end }} {{ if .matrixEnabled }} <span class="button ~info !normal full-width center mb-1" id="link-matrix">{{ .strings.linkMatrix }}</span> {{ end }} {{ if or (.telegramEnabled) (or .discordEnabled .matrixEnabled) }} <div id="contact-via" class="unfocused"> <label class="row switch pb-1"> <input type="radio" name="contact-via" value="email"><span>Contact through Email</span> </label> {{ if .telegramEnabled }} <label class="row switch pb-1"> <input type="radio" name="contact-via" value="telegram" id="contact-via-telegram"><span>Contact through Telegram</span> </label> {{ end }} {{ if .discordEnabled }} <label class="row switch pb-1"> <input type="radio" name="contact-via" value="discord" id="contact-via-discord"><span>Contact through Discord</span> </label> {{ end }} {{ if .matrixEnabled }} <label class="row switch pb-1"> <input type="radio" name="contact-via" value="matrix" id="contact-via-matrix"><span>Contact through Matrix</span> </label> {{ end }} </div> {{ end }} {{ end }} <label class="label supra" for="create-password">{{ .strings.password }}</label> <input type="password" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.password }}" id="create-password" aria-label="{{ .strings.password }}"> <label class="label supra" for="create-reenter-password">{{ .strings.reEnterPassword }}</label> <input type="password" class="input ~neutral !high mt-half mb-1" placeholder="{{ .strings.password }}" id="create-reenter-password" aria-label="{{ .strings.reEnterPassword }}"> <label> <input type="submit" class="unfocused"> <span class="button ~urge !normal full-width center supra submit"> {{ if .passwordReset }} {{ .strings.reset }} {{ else }} {{ .strings.createAccountButton }} {{ end }} </span> </label> </form> </div> <div class="col"> <div class="card ~neutral !normal"> <span class="label supra" for="inv-uses">{{ .strings.passwordRequirementsHeader }}</span> <ul> {{ range $key, $value := .requirements }} <li class="" id="requirement-{{ $key }}" min="{{ $value }}"> <span class="badge lg ~positive requirement-valid"></span> <span class="content requirement-content"></span> </li> {{ end }} </ul> </div> {{ if .contactMessage }} <aside class="col aside sm ~info">{{ .contactMessage }}</aside> {{ end }} </div> </div> </div> </div> {{ template "form-base" . }} </body> </html>