From 17e0cdfcf994f7af98a09144003522a48c861e96 Mon Sep 17 00:00:00 2001
From: Regalijan <r@regalijan.com>
Date: Mon, 10 Feb 2025 00:44:57 -0500
Subject: [PATCH] Break up rp server form into multiple parts

---
 app/routes/rpserver.tsx | 157 ++++++++++++----------------------------
 1 file changed, 45 insertions(+), 112 deletions(-)

diff --git a/app/routes/rpserver.tsx b/app/routes/rpserver.tsx
index 31a444f..4123a5c 100644
--- a/app/routes/rpserver.tsx
+++ b/app/routes/rpserver.tsx
@@ -2,17 +2,16 @@ import {
   Button,
   Container,
   Heading,
-  Input,
-  Link,
+  ListItem,
   Text,
-  Textarea,
+  UnorderedList,
 } from "@chakra-ui/react";
 import { useLoaderData } from "@remix-run/react";
 
 export function meta() {
   return [
     {
-      title: "RP Server List Application",
+      title: "RP Server Application",
     },
   ];
 }
@@ -31,118 +30,52 @@ export default function () {
 
   return (
     <Container maxW="container.md" pt="4vh" textAlign="start">
-      <Heading size="xl">RP Server List Application</Heading>
-      <br />
-      <br />
-      <Text>
-        In order to apply, your server will be reviewed and must meet our
-        standards. This means:
-        <br />
-        <ul>
-          <li>Racism and/or discrimination is not tolerated</li>
-          <li>No adult content</li>
-          <li>
-            The server must otherwise be compliant with Discord's Terms of
-            Service
-          </li>
-          <li>The server must have a minimum of 30 members</li>
-          <li>
-            The server must be active, we do not directly disclose our criteria
-            for what we consider to be active
-          </li>
-        </ul>
-        <br />
-        As the owner of your server, you are expected to maintain a good image
-        within our server. This means:
-        <br />
-        <ul>
-          <li>You must own the server you are applying for</li>
-          <li>
-            You must have a clean (meaning, no punishments within the last 90
-            days [automutes generally don't count]) moderation history in our
-            server
-          </li>
-          <li>
-            You agree to notify us before making any major rule or general
-            server changes
-          </li>
-          <li>You must have 2FA enabled on your Discord account</li>
-          <li>You must follow Discord's Terms of Service</li>
-        </ul>
-        <br />
-        We expect a somewhat decent application. Give us enough writing for us
-        to understand your server, but don't give us a wall of text. Anyone
-        submitting a wall of text for their application should expect their
-        application to be thrown in the trash and not responded to, so please
-        don't give us a calculus textbook.
+      <Heading size="xl" pb="32px">
+        RP Server Application
+      </Heading>
+      <Text pb="16px">
+        Thanks for your interest in applying to list your server! Before we get
+        started, please review our rules.
       </Text>
-      <br />
-      <br />
-      <Text fontSize="md">What is your Roblox username?</Text>
-      <br />
-      <Input maxLength={20} placeholder="builderman" />
-      <br />
-      <br />
-      <Text fontSize="md">What is your Discord username?</Text>
-      <br />
-      <Input maxLength={32} placeholder="clyde" />
-      <br />
-      <br />
-      <Text fontSize="md">What is your Discord user ID?</Text>
-      <br />
-      <Input maxLength={19} placeholder="1234567890987654321" />
-      <br />
-      <br />
-      <Text fontSize="md">Introduce yourself to us!</Text>
-      <br />
-      <Textarea
-        maxLength={1000}
-        placeholder="Introduce yourself to us, we want to know who we will be working with."
-      />
-      <br />
-      <br />
-      <Text fontSize="md">Permanent invite link to your server</Text>
-      <br />
-      <Input maxLength={30} placeholder="https://discord.gg/abcdef123456" />
-      <br />
-      <br />
-      <Text fontSize="md">How many members does your server have?</Text>
-      <br />
-      <Input maxLength={10} placeholder="123" />
-      <br />
-      <br />
-      <Text fontSize="md">What is the RP/server about?</Text>
-      <br />
-      <Textarea
-        maxLength={1000}
-        placeholder="Please explain what you are doing in detail"
-        rows={5}
-      />
-      <br />
-      <br />
-      <Text fontSize="md">Any comments or extra information?</Text>
-      <br />
-      <Textarea
-        maxLength={1000}
-        rows={5}
-        placeholder="Any extras here, not required"
-      />
-      <br />
-      <br />
       <Text>
-        By submitting this application, you agree to the{" "}
-        <Link color="#646cff" href="/terms">
-          Terms of Service
-        </Link>{" "}
-        and
-        <Link color="#646cff" href="/privacy">
-          Privacy Policy
-        </Link>
+        Because your server is being listed in ours, we have some ground rules
+        that must be followed in order to be accepted. This means:
       </Text>
       <br />
-      <br />
-      <Button colorScheme="blue" loadingText="Submitting">
-        Submit
+      <UnorderedList>
+        <ListItem>Racism and/or discrimination will not be tolerated</ListItem>
+        <ListItem>No NSFW/NSFL</ListItem>
+        <ListItem>Your server must have a minimum of 30 members</ListItem>
+        <ListItem>
+          There must be good activity within the server (what exactly is
+          considered active enough is determined at our sole discretion)
+        </ListItem>
+        <ListItem>You must own the server you are applying for (duh)</ListItem>
+        <ListItem>
+          You must have a clean moderation history in our server (for the last
+          90 days)
+        </ListItem>
+        <ListItem>
+          You must have two-factor authentication enabled on your Discord
+          account
+        </ListItem>
+        <ListItem>
+          You and your server must otherwise follow Discord's Terms of Service
+        </ListItem>
+        <ListItem>
+          You agree to notify us before making large changes to your server
+          (whether it be rules or otherwise)
+        </ListItem>
+      </UnorderedList>
+      <Text py="16px">
+        If that sounds fine to you, welcome! We expect you to provide enough
+        information for us to identify what your server is about. However, we do
+        not want a big wall of text, because we have better things to do with
+        our time. English teachers, please restrain yourself, because such walls
+        of text are almost guaranteed to be placed in the garbage bin.
+      </Text>
+      <Button as="a" href="/rpserver/application">
+        Continue
       </Button>
     </Container>
   );