2021-10-15 14:08:27 +00:00
<!DOCTYPE html>
2021-12-05 12:37:07 +00:00
< html lang = "en" class = "h-full" >
2021-10-15 14:08:27 +00:00
< head >
2021-12-05 04:43:29 +00:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "description" content = "Sign up in under 27 seconds." >
< meta name = "author" content = "" >
< meta property = "og:type" content = "article" >
< meta property = "og:title" content = "{{'SITE_NAME' | app_config}}" >
< meta property = "og:site_name" content = "{{request.host}}" >
< meta property = "og:image" content = "{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=3" >
< meta property = "og:url" content = "{{request.host}}" >
< meta property = "og:description" name = "description" content = "{{'SITE_NAME' | app_config}} - {{'SLOGAN' | app_config}}" >
< meta property = "og:author" name = "author" content = "{{request.host_url}}" >
< meta property = "og:site_name" content = "{{request.host}}" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:site" content = "{{request.host_url}}" >
< meta name = "twitter:title" content = "{{'SITE_NAME' | app_config}}" >
< meta name = "twitter:creator" content = "{{request.host_url}}" >
< meta name = "twitter:description" content = "{{'SITE_NAME' | app_config}} - {{'SLOGAN' | app_config}}" >
< meta name = "twitter:image" content = "{{'SITE_NAME' | app_config}}/assets/images/{{'SITE_NAME' | app_config}}/preview.webp?v=3" >
< meta name = "twitter:url" content = "{{request.host}}" >
< title > {% if ref_user %}{{ref_user.username}} invites you to {{'SITE_NAME' | app_config}}{% else %}Sign up - {{'SITE_NAME' | app_config}}{% endif %}< / title >
< link rel = "stylesheet" href = "/assets/css/main.css?v=125" >
{% assets 'css' %}
< link rel = "stylesheet" href = "{{ ASSET_URL }}" >
{% endassets %}
< style > : root { --primary : # { { 'DEFAULT_COLOR' | app_config } } < / style >
2021-10-15 14:08:27 +00:00
< / head >
2021-12-05 12:58:32 +00:00
< body class = "relative h-full bg-gradient-to-t from-gray-500 to-gray-400" >
2021-10-15 14:08:27 +00:00
2021-12-05 13:03:47 +00:00
< div class = "absolute bottom-0 left-0 h-3/5 w-full overflow-hidden px-4" >
2021-12-05 13:02:50 +00:00
< div class = "rounded-t-md h-full w-full bg-gray-500/50 shadow-inner" > < / div >
2021-12-05 12:59:52 +00:00
< / div >
2021-12-05 12:57:55 +00:00
2021-12-05 12:58:32 +00:00
< div class = "relative min-h-full flex flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8" >
2021-10-15 14:08:27 +00:00
2021-12-05 13:12:19 +00:00
< div class = "max-w-md w-full space-y-8" >
2021-10-15 14:08:27 +00:00
2021-12-05 12:37:07 +00:00
< div class = "mb-3" >
< a href = "/" class = "text-decoration-none" >
< span class = "h3 text-primary" > {{'SITE_NAME' | app_config}}< / span >
< / a >
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 12:37:07 +00:00
{% if ref_user %}
2021-12-05 13:12:19 +00:00
< h1 class = "text-center h2" > @{{ref_user.username}} has invited you!< / h1 >
< p class = "mx-auto text-gray-500" > Looks like someone wants you to join {{'SITE_NAME' | app_config}}.< / p >
2021-12-05 12:37:07 +00:00
{% endif %}
2021-12-05 12:39:45 +00:00
< div class = "max-w-2xl w-full space-y-8 px-6 py-5 bg-gray-200 rounded shadow-sm" >
2021-12-05 12:37:07 +00:00
2021-12-05 13:06:19 +00:00
< form action = "/signup" method = "post" id = "signup" >
2021-10-15 14:08:27 +00:00
2021-12-05 12:55:58 +00:00
{% if error %}< div class = "text-red-600 mb-2" > {{error}}< / div > {% endif %}
2021-12-05 13:06:19 +00:00
< div class = "hidden" >
2021-12-05 12:55:58 +00:00
< 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 %}
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 13:06:19 +00:00
< div class = "space-y-4" >
2021-10-15 14:08:27 +00:00
2021-12-05 13:08:25 +00:00
2021-12-05 13:09:01 +00:00
< h2 class = "font-medium text-xl md:text-2xl" >
2021-12-05 13:09:39 +00:00
Create an Account
2021-12-05 13:08:25 +00:00
< / h2 >
2021-12-05 13:06:19 +00:00
< div >
< label for = "username-register" class = "label text-black" > Username< / label >
< input class = "form-input" 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 >
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 13:06:19 +00:00
< div >
< label for = "email-register" class = "label text-black" >
Email Address < span class = "text-xs text-gray-500 font-normal pl-1" > (optional)< / span >
2021-12-05 12:42:57 +00:00
< / label >
2021-12-05 13:06:19 +00:00
< input class = "form-input" id = "email-register" aria-describedby = "emailHelpRegister" type = "email" name = "email" >
2021-12-05 12:42:57 +00:00
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 13:06:19 +00:00
< div >
< label for = "password-register" class = "label text-black" > Password< / label >
< input class = "form-input" id = "password-register"
aria-describedby="passwordHelpReigster" type="password" name="password" required="">
< small id = "passwordHelpRegister" class = "block mt-1 text-gray-500 hidden" >
Minimum of 8 characters required.
< / small >
< small id = "passwordHelpSuccess" class = "block mt-1 text-green-600 hidden" >
Your password meets the requirements.
< / small >
< / div >
< div >
< label for = "password_confirm" class = "label text-black" > Confirm Password< / label >
< input class = "form-input" id = "password_confirm" aria-describedby = "passwordConfirmHelp" type = "password" name = "password_confirm" required = "" >
< div class = "mt-4" >
< input type = "checkbox" id = "termsCheck" required >
< label class = "text-gray-700 text-xs pl-1" for = "termsCheck" >
I accept the < a href = "/rules" target = "_blank" class = "text-blue-500 hover:text-blue-600" > terms and conditions< / a >
< / label >
< / div >
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 13:06:19 +00:00
{% if hcaptcha %}
< div class = "h-captcha" data-sitekey = "{{ hcaptcha }}" > < / div >
{% endif %}
< button class = "btn btn-green w-full" id = "register_button" >
Create account
< / button >
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 12:37:07 +00:00
< / form >
2021-12-05 12:33:30 +00:00
2021-12-05 12:37:07 +00:00
< / div >
2021-12-05 12:33:30 +00:00
< / div >
2021-10-15 14:08:27 +00:00
2021-12-05 12:52:16 +00:00
< div class = "mx-auto text-gray-300/70 text-xs mt-4" >
2021-12-05 12:49:41 +00:00
Already have an account?
2021-12-05 12:52:16 +00:00
< a href = "/login{{'?redirect='+redirect if redirect else ''}}" class = "font-bold text-gray-300/70 hover:text-gray-300" > Log in< / a >
2021-12-05 12:49:41 +00:00
< / div >
2021-12-05 04:43:29 +00:00
< / div >
2021-11-30 17:32:52 +00:00
2021-12-05 04:43:29 +00:00
< script src = "/assets/js/signup.js?v=63" > < / script >
2021-11-30 17:32:52 +00:00
2021-12-05 04:43:29 +00:00
{% if hcaptcha %}
2021-12-04 22:36:53 +00:00
< script src = "https://hcaptcha.com/1/api.js" > < / script >
2021-12-05 04:43:29 +00:00
{% endif %}
2021-11-30 17:32:52 +00:00
2021-12-05 04:43:29 +00:00
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" > < / script >
2021-12-05 01:30:06 +00:00
2021-10-15 14:08:27 +00:00
< / body >
< / html >
