feature: require invites

public/signup_login_wall.html

@@ -2,6 +2,7 @@
 	<style>
 		#signup-login-wall {
 			display: flex;
+			flex-direction: column;
 			align-items: center;
 			justify-content: center;
 			position: absolute;
@@ -16,6 +17,14 @@
 			transition: all 0.33s;
 		}
 
+		#login-tab .tab-content {
+			min-height: 17rem;
+		}
+
+		#signup-tab .tab-content {
+			min-height: 21rem;
+		}
+
 		body[data-user] #signup-login-wall {
 			visibility: hidden;
 			opacity: 0;
@@ -23,24 +32,21 @@
 
 		#signup-login-wall .limiter {
 			width: 95%;
+			min-height: 24rem;
 			position: relative;
 			background: hsl(from var(--bg) h s 15);
 			max-width: 40em;
-			min-height: 22rem;
 			margin: 0 auto;
 		}
 
-		#login-tab,
-		#signup-tab {
-			min-height: 22rem;
-		}
-
 		#signup-login-wall form {
 			width: 100%;
 			padding: 1.5rem 1.5rem 0 1.5rem;
 		}
 	</style>
 
+	<!-- #include file="./signup_pitch.md" -->
+
 	<div class="limiter">
 		<div class="tabs">
 			<div id="login-tab" class="tab">
@@ -118,6 +124,15 @@
 							<input id="signup-password" type="password" name="password" required />
 							<label class="placeholder" for="signup-password">password</label>
 						</div>
+						<div>
+							<input
+								id="signup-invite-code"
+								type="text"
+								name="invite_code"
+								required
+							/>
+							<label class="placeholder" for="signup-invite-code">invite code</label>
+						</div>
 						<button id="signup-submit" type="submit" class="primary">Sign Up</button>
 					</form>
 				</div>