2022-06-07 09:26:22 +00:00
{%- import 'util/helpers.html' as help -%}
2022-10-21 18:39:45 +00:00
{%- import 'html_head.html' as html_head with context -%}
2022-05-04 23:09:46 +00:00
<!DOCTYPE html>
< html lang = "en" >
2022-10-30 03:40:35 +00:00
{{html_head.html_head(true, false, false, none, title, none, "", false, false, true)}}
2022-10-09 23:19:48 +00:00
< body id = "login" >
< div id = "register-form-container" >
< div id = "register-form" >
< div class = "form-header" >
{% if ref_user %}
< h1 class = "form-header-text" > @{{ref_user.username}} has invited you!< / h1 >
< p class = "form-header-text-alt" > Looks like someone wants you to join {{SITE_NAME}}.< / p >
2022-10-30 04:12:48 +00:00
{% elif SITE_NAME == 'rDrama' and site_settings['login_required'] %}
2022-10-29 18:30:20 +00:00
< p class = "text-muted text-justify mb-3" style = "line-height: 1.2em" >
Hiiiiii it’ ’ < span style = "font-variant-caps: small-caps;" > Login Required< / span > mode for one of a few reasons:
< / p >
< ol style = "padding-left: 1.5em" >
< li > The site is running really slowly and we think it might be miscreants up to no good, or< / li >
< li > It’ < / li >
< li > Someone clicked the toggle by mistake lol oops sorry!< / li >
< / ol >
< p class = "text-muted text-justify mb-1" style = "line-height: 1.2em" >
But that’ ’ ’ ’ ’ < br >
Remember to click “Follow” on my profile!
< / p >
< p class = "text-muted mb-md-2" >
I love you.< br >
< em > xoxo carp< / em > 💋
< / p >
< hr >
{% elif SITE_NAME == 'WPD' and site_settings['login_required'] %}
< p class = "text-muted text-justify mb-1" style = "line-height: 1.2em" >
< strong > Hi you!< / strong > — < span style = "font-variant-caps: small-caps;" > watchpeopledie.tv< / span > is currently doing our monthly 24(ish) hours of "everyone needs to have an account" — sorry about that! But making an account is actually super easy. < strong > You don't even need an email address!< / strong > Literally just pick a username, set a password, and that's that. Bam, done, like 8 seconds, tops.< br >
< / p >
< p class = "text-muted mb-md-2" >
We WANT you with us 💖 < br >
Please join!
< / p >
< hr >
2022-10-09 23:19:48 +00:00
{% else %}
< h1 class = "form-header-text" > Create your account.< / h1 >
< p class = "form-header-text-alt" > No email address required.< / p >
{% endif %}
< / div >
2022-10-29 18:30:20 +00:00
< form action = "/signup" method = "post" id = "signup" >
2022-10-09 23:19:48 +00:00
{% if error %}< span class = "text-danger" > {{error}}< / span > < br > {% endif %}
< input type = "hidden" name = "formkey" value = "{{formkey}}" >
< input type = "hidden" name = "now" value = "{{now}}" >
{% if redirect %}< input type = "hidden" name = "redirect" value = "{{redirect}}" > {% endif %}
{% if ref_user %}
< input type = "hidden" name = "referred_by" value = "{{ref_user.id}}" > {% endif %}
< label for = "username-register" class = "form-group" >
< span class = "form-title" > Username< / span >
< input autocomplete = "off" class = "form-block" id = "username-register"
aria-describedby="usernameHelpRegister" type="text" name="username" pattern="[a-zA-Z0-9_\-]{3,25}" min="3" max="25" required="">
< small id = "usernameHelpRegister" > < / small >
< / label >
< label for = "email-register" class = "form-group" >
< span class = "form-title" > Email Address < small class = "form-title-alt" > (optional)< / small > < / span >
< input autocomplete = "off" class = "form-block" id = "email-register"
aria-describedby="emailHelpRegister" type="email" pattern='([A-Za-z0-9]+[.-_])*[A-Za-z0-9]+@[A-Za-z0-9-]+(\.[A-Z|a-z]{2,})+' name="email" readonly onfocus="if (this.hasAttribute('readonly')) {this.removeAttribute('readonly');this.blur();this.focus()}">
< / label >
< label for = "password-register" class = "form-group" >
< span class = "form-title" > Password< / span >
< input autocomplete = "off" class = "form-block" id = "password-register"
aria-describedby="passwordHelpReigster" type="password" name="password" required="">
< small id = "passwordHelpRegister" class = "form-text font-weight-bold text-muted d-none mt-1" > Minimum of 8
characters
required.< / small >
< small id = "passwordHelpSuccess" class = "form-text font-weight-bold text-success d-none mt-1" > Your password meets the requirements.
< / small >
< / label >
< label for = "password_confirm" class = "form-group" >
< span class = "form-title" > Confirm Password< / span >
< input autocomplete = "off" class = "form-block" id = "password_confirm"
aria-describedby="passwordConfirmHelp" type="password" name="password_confirm"
required="">
< / label >
< label class = "form-group terms" for = "termsCheck" >
< input autocomplete = "off" type = "checkbox" id = "termsCheck" required >
I accept the < a href = "/logged_out/sidebar" > rules< / a >
< / label >
2022-10-29 18:30:20 +00:00
{% if hcaptcha != 'blahblahblah' %}
< div class = "h-captcha" data-sitekey = "{{hcaptcha}}" dark-theme = "dark" > < / div >
2022-10-09 23:19:48 +00:00
{% endif %}
< button class = "btn btn-primary form-block" id = "register_button" > Register< / button >
< div class = "account-already-have" >
Already have an account? < a href = "/login{{'?redirect='+redirect if redirect else ''}}" class = "font-weight-bold toggle-login" > Log in< / a >
< / div >
< / form >
< / div >
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
2022-10-09 23:19:48 +00:00
< div class = "splash-wrapper" >
< img alt = "cover" loading = "lazy" class = "splash-img" src = "{{'cover.webp' | asset_siteimg}}" > < / img >
2022-05-04 23:09:46 +00:00
< / div >
2022-10-29 18:30:20 +00:00
<!-- Bloat -->
< script defer src = "{{'js/signup.js' | asset}}" > < / script >
{% if hcaptcha != 'blahblahblah' %}
< script defer src = "{{'js/hcaptcha.js' | asset}}" > < / script >
2022-10-09 23:19:48 +00:00
{% endif %}
< / body >
2022-05-04 23:09:46 +00:00
< / html >
