Break up rp server form into multiple parts

This commit is contained in:
Regalijan 2025-02-10 00:44:57 -05:00
parent f5ca388f8c
commit 17e0cdfcf9
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -2,17 +2,16 @@ import {
Button, Button,
Container, Container,
Heading, Heading,
Input, ListItem,
Link,
Text, Text,
Textarea, UnorderedList,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { useLoaderData } from "@remix-run/react"; import { useLoaderData } from "@remix-run/react";
export function meta() { export function meta() {
return [ return [
{ {
title: "RP Server List Application", title: "RP Server Application",
}, },
]; ];
} }
@ -31,118 +30,52 @@ export default function () {
return ( return (
<Container maxW="container.md" pt="4vh" textAlign="start"> <Container maxW="container.md" pt="4vh" textAlign="start">
<Heading size="xl">RP Server List Application</Heading> <Heading size="xl" pb="32px">
<br /> RP Server Application
<br /> </Heading>
<Text pb="16px">
Thanks for your interest in applying to list your server! Before we get
started, please review our rules.
</Text>
<Text> <Text>
In order to apply, your server will be reviewed and must meet our Because your server is being listed in ours, we have some ground rules
standards. This means: that must be followed in order to be accepted. 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.
</Text> </Text>
<br /> <br />
<br /> <UnorderedList>
<Text fontSize="md">What is your Roblox username?</Text> <ListItem>Racism and/or discrimination will not be tolerated</ListItem>
<br /> <ListItem>No NSFW/NSFL</ListItem>
<Input maxLength={20} placeholder="builderman" /> <ListItem>Your server must have a minimum of 30 members</ListItem>
<br /> <ListItem>
<br /> There must be good activity within the server (what exactly is
<Text fontSize="md">What is your Discord username?</Text> considered active enough is determined at our sole discretion)
<br /> </ListItem>
<Input maxLength={32} placeholder="clyde" /> <ListItem>You must own the server you are applying for (duh)</ListItem>
<br /> <ListItem>
<br /> You must have a clean moderation history in our server (for the last
<Text fontSize="md">What is your Discord user ID?</Text> 90 days)
<br /> </ListItem>
<Input maxLength={19} placeholder="1234567890987654321" /> <ListItem>
<br /> You must have two-factor authentication enabled on your Discord
<br /> account
<Text fontSize="md">Introduce yourself to us!</Text> </ListItem>
<br /> <ListItem>
<Textarea You and your server must otherwise follow Discord's Terms of Service
maxLength={1000} </ListItem>
placeholder="Introduce yourself to us, we want to know who we will be working with." <ListItem>
/> You agree to notify us before making large changes to your server
<br /> (whether it be rules or otherwise)
<br /> </ListItem>
<Text fontSize="md">Permanent invite link to your server</Text> </UnorderedList>
<br /> <Text py="16px">
<Input maxLength={30} placeholder="https://discord.gg/abcdef123456" /> If that sounds fine to you, welcome! We expect you to provide enough
<br /> information for us to identify what your server is about. However, we do
<br /> not want a big wall of text, because we have better things to do with
<Text fontSize="md">How many members does your server have?</Text> our time. English teachers, please restrain yourself, because such walls
<br /> of text are almost guaranteed to be placed in the garbage bin.
<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>
</Text> </Text>
<br /> <Button as="a" href="/rpserver/application">
<br /> Continue
<Button colorScheme="blue" loadingText="Submitting">
Submit
</Button> </Button>
</Container> </Container>
); );