2022-06-07 09:26:22 +00:00
{%- import 'util/helpers.html' as help -%}
2022-05-04 23:09:46 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/bootstrap.js' | asset}}" > < / script >
2022-10-14 07:58:05 +00:00
< script defer src = "{{'js/core.js' | asset}}" > < / script >
2022-08-06 01:20:25 +00:00
2022-09-24 07:14:20 +00:00
< link rel = "icon" type = "image/webp" href = "{{'icon.webp' | asset_siteimg}}" >
2022-05-27 20:03:23 +00:00
2022-06-24 15:08:57 +00:00
< meta name = "description" content = "{{DESCRIPTION}}" >
2022-10-05 22:53:36 +00:00
< meta http-equiv = "Content-Security-Policy" content = "script-src 'self' 'unsafe-inline'; connect-src 'self'; object-src 'none';" >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "author" content = "" >
< meta property = "og:type" content = "article" >
< meta property = "og:title" content = "{{SITE_NAME}}" >
< meta property = "og:site_name" content = "{{SITE}}" >
< meta property = "og:image" content = "{{'site_preview.webp' | asset_siteimg}}" >
< meta property = "og:url" content = "{{SITE_FULL}}" >
< meta property = "og:description" name = "description" content = "{{SITE_NAME}} - {{DESCRIPTION}}" >
< meta property = "og:author" name = "author" content = "{{SITE_FULL}}" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:site" content = "{{SITE_FULL}}" >
< meta name = "twitter:title" content = "{{SITE_NAME}}" >
< meta name = "twitter:creator" content = "{{SITE_FULL}}" >
< meta name = "twitter:description" content = "{{SITE_NAME}} - {{DESCRIPTION}}" >
< meta name = "twitter:image" content = "{{'site_preview.webp' | asset_siteimg}}" >
< meta name = "twitter:url" content = "{{SITE_FULL}}" >
< title > {% if ref_user %}{{ref_user.username}} invites you to {{SITE_NAME}}{% else %}Sign up - {{SITE_NAME}}{% endif %}< / title >
< style > : root { --primary : # { { DEFAULT_COLOR } } < / style >
< link rel = "stylesheet" href = "{{'css/main.css' | asset}}" >
< link rel = "stylesheet" href = "{{('css/'~DEFAULT_THEME~'.css') | asset}}" >
2022-05-04 23:09:46 +00:00
< / head >
< body id = "login" >
< div class = "container-fluid position-absolute h-100 p-0 overflow-auto" >
2022-10-05 22:53:36 +00:00
< div class = "row no-gutters h-100" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div class = "col-12 col-md-6 my-auto p-3" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div class = "row justify-content-center" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div class = "col-10 col-md-7" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div class = "mb-3" >
< a href = "/" class = "text-decoration-none" > < span class = "h3 text-primary" > ‎ < / span > < / a >
< / div >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div id = "register-form" class = "" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
{% if ref_user %}
< h1 class = "h2" > @{{ref_user.username}} has invited you!< / h1 >
< p class = "text-muted mb-md-2" > Looks like someone wants you to join {{SITE_NAME}}.< / p >
{% elif SITE_NAME == 'WPD' and site_settings['login_required'] %}
< p class = "text-muted text-justify mb-1" style = "line-height: 1.2em" >
2022-10-17 19:13:33 +00:00
< 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 >
2022-10-05 22:53:36 +00:00
< / p >
< p class = "text-muted mb-md-2" >
We WANT you with us 💖 < br >
Please join!
< / p >
< hr >
{% else %}
< h1 class = "h2" > Create your account.< / h1 >
< p class = "text-muted mb-md-2" > No email address required.< / p >
{% endif %}
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< form action = "/signup" method = "post" class = "mt-md-3" id = "signup" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
{% if error %}< span class = "text-danger" > {{error}}< / span > < br > {% endif %}
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< input type = "hidden" name = "formkey" value = "{{formkey}}" >
< input type = "hidden" name = "now" value = "{{now}}" >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
{% if redirect %}< input type = "hidden" name = "redirect" value = "{{redirect}}" > {% endif %}
{% if ref_user %}
< input type = "hidden" name = "referred_by" value = "{{ref_user.id}}" > {% endif %}
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< label for = "username-register" class = "mt-3" > Username< / label >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< input autocomplete = "off" class = "form-control" 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 >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< label for = "email-register" class = "mt-3" > Email Address< / label >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< small class = "d-inline-block text-muted ml-1" > (optional)< / small >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< input style = "background-color: var(--gray-800)" autocomplete = "off" class = "form-control" id = "email-register"
2022-10-19 10:39:03 +00:00
aria-describedby="emailHelpRegister" type="email" pattern='{{EMAIL_REGEX_PATTERN}}' name="email" readonly onfocus="if (this.hasAttribute('readonly')) {this.removeAttribute('readonly');this.blur();this.focus()}">
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< label for = "password-register" class = "mt-3" > Password< / label >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< input autocomplete = "off" class = "form-control" 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 >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< label for = "password_confirm" class = "mt-3" > Confirm Password< / label >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< input autocomplete = "off" class = "form-control" id = "password_confirm"
aria-describedby="passwordConfirmHelp" type="password" name="password_confirm"
required="">
< div class = "custom-control custom-checkbox mt-4" >
< input autocomplete = "off" type = "checkbox" class = "custom-control-input" id = "termsCheck" required >
2022-10-06 06:26:10 +00:00
< label class = "custom-control-label terms" for = "termsCheck" > I accept the < a href = "/sidebar" > rules< / a > < / label >
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
2022-10-19 10:11:27 +00:00
{% if hcaptcha != 'blahblahblah' %}
2022-10-05 22:53:36 +00:00
< div class = "h-captcha" data-sitekey = "{{hcaptcha}}" data-theme = "dark" > < / div >
{% endif %}
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< button class = "btn btn-primary login w-100 mt-3" id = "register_button" > Register< / button >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div class = "text-center text-muted text-small mt-5 mb-3" >
Already have an account? < a href = "/login{{'?redirect='+redirect if redirect else ''}}" class = "font-weight-bold toggle-login" > Log in< / a >
2022-05-04 23:09:46 +00:00
< / div >
2022-10-05 22:53:36 +00:00
< / form >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
2022-10-05 22:53:36 +00:00
< div class = "col-12 col-md-6 d-none d-md-block" >
< div class = "splash-wrapper" >
< div class = "splash-overlay" > < / div >
< img alt = "cover" loading = "lazy" class = "splash-img" src = "{{'cover.webp' | asset_siteimg}}" > < / img >
< / div >
2022-05-04 23:09:46 +00:00
< / div >
2022-10-05 22:53:36 +00:00
< / div >
2022-05-04 23:09:46 +00:00
< / div >
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/signup.js' | asset}}" > < / script >
2022-05-04 23:09:46 +00:00
2022-10-19 10:11:27 +00:00
{% if hcaptcha != 'blahblahblah' %}
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/hcaptcha.js' | asset}}" > < / script >
2022-05-04 23:09:46 +00:00
{% endif %}
< / body >
< / html >