From 64de53e9a99e22dc531a90a2b98b329ba12aef2f Mon Sep 17 00:00:00 2001
From: Snakes <duolsm@outlook.com>
Date: Fri, 2 Dec 2022 18:32:31 -0500
Subject: [PATCH] Fix signup overflowing on mobile, and related.

---
 files/assets/css/main.css            |  5 ++++-
 files/templates/login/authforms.html |  2 +-
 files/templates/login/sign_up.html   | 33 ++++++++++++++++++++++++++++
 3 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 254ebd957..4b19369cf 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -1985,6 +1985,9 @@ button.close {
 .align-middle {
 	vertical-align: middle !important;
 }
+.bg-background {
+	background-color: var(--background);
+}
 .bg-primary {
 	background-color: var(--primary) !important;
 }
@@ -3948,7 +3951,7 @@ ul.comment-section {
 #login {
 	padding-top: 0;
 	height: 100%;
-	overflow: hidden;
+	overflow-x: hidden;
 	background-color: var(--light);
 }
 .splash-wrapper {
diff --git a/files/templates/login/authforms.html b/files/templates/login/authforms.html
index 7a914b3ff..2b0a120d0 100644
--- a/files/templates/login/authforms.html
+++ b/files/templates/login/authforms.html
@@ -10,7 +10,7 @@
 {% block body %}
 	<div class="container-fluid position-absolute h-100 p-0">
 				<div class="row no-gutters h-100">
-						<div class="col-12 col-md-6 my-auto p-3">
+						<div class="col-12 col-md-6 my-auto p-3 bg-background">
 								<div class="row justify-content-center">
 										<div class="col-10 col-md-7">
 										<h2>{% block authtitle %}{% endblock %}</h2>
diff --git a/files/templates/login/sign_up.html b/files/templates/login/sign_up.html
index 5464c960f..5b4cae9cc 100644
--- a/files/templates/login/sign_up.html
+++ b/files/templates/login/sign_up.html
@@ -26,6 +26,39 @@
 
 {% block content %}
 <div id="register-form">
+	{% if not ref_user and SITE_NAME == 'rDrama' and site_settings['login_required'] %}
+	<img id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
+	<hr>
+	<p class="text-muted text-justify mb-3" style="line-height: 1.2em">
+		Hiiiiii it’s your favorite user Carp! We’re currently on <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’s our monthly 24 hours of login-required-mode to encourage lovely lurkers to become lovely new friends of ours, or</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’s all fine. Signing up is easy. It takes literally like 4 seconds if you’re slow. You don’t even need an email! Just pick a username, make up some neat new password where you replace all the e’s with 3s or whatever and bam, done, you’re in.<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 not ref_user and SITE_NAME == 'WPD' and site_settings['login_required'] %}
+	<img id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
+	<hr>
+	<p class="text-muted text-justify mb-1" style="line-height: 1.2em">
+		<strong>Hi you!</strong> &mdash; <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" &mdash; 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 &#128150;<br>
+		Please join!
+	</p>
+	<hr>
+	{% endif %}
+
 	<form action="/signup" method="post" class="mt-md-3" id="signup">
 
 	{% if error %}<div class="text-danger mb-2">{{error}}</div>{% endif %}