website done
diff --git a/pages/404.js b/pages/404.js
new file mode 100644
index 0000000..0288183
--- /dev/null
+++ b/pages/404.js
@@ -0,0 +1,29 @@
+import Header from '../Components/Header'
+import {Component} from 'react'
+
+export default class Home extends Component {
+ constructor(props) {
+ super(props);
+ }
+
+
+ render() {
+ return (
+ <>
+ <Header
+ name="404"
+ subtext="Not Found"
+ gradient={["6576CC", "4B5899"]}
+ wave="Main"
+ buttons={[
+ {color: "6576CC", buttonText: "ffffff", text: "Go Home", link: "/#"},
+ {color: "6576CC", buttonText: "ffffff", text: "Send Error",
+ link: `mailto:staff@clicksminuteper.net?subject=Website%20Error%20Report&body=I%20got%20a%20404%20on%20the%20page%20%5BPlease%20Copy%20Website%20Link%20Here%5D`,
+ target: true
+ }]}
+ hideArrow={true}
+ />
+ </>
+ )
+ }
+}
diff --git a/pages/500.js b/pages/500.js
new file mode 100644
index 0000000..3750165
--- /dev/null
+++ b/pages/500.js
@@ -0,0 +1,29 @@
+import Header from '../Components/Header'
+import {Component} from 'react'
+
+export default class Home extends Component {
+ constructor(props) {
+ super(props);
+ }
+
+
+ render() {
+ return (
+ <>
+ <Header
+ name="500"
+ subtext="Internal Server Error"
+ gradient={["6576CC", "4B5899"]}
+ wave="Main"
+ buttons={[
+ {color: "6576CC", buttonText: "ffffff", text: "Go Home", link: "/#"},
+ {color: "6576CC", buttonText: "ffffff", text: "Send Error",
+ link: `mailto:staff@clicksminuteper.net?subject=Website%20Error%20Report&body=I%20got%20a%20500%20on%20the%20page%20%5BPlease%20Copy%20Website%20Link%20Here%5D`,
+ target: true
+ }]}
+ hideArrow={true}
+ />
+ </>
+ )
+ }
+}
diff --git a/pages/rsmv/index.js b/pages/rsmv/index.js
index cdb9a3c..3b56943 100644
--- a/pages/rsmv/index.js
+++ b/pages/rsmv/index.js
@@ -1,10 +1,10 @@
import { Component } from 'react';
import Styles from '../../styles/rsmv/rsmv.module.css'
-import HCaptcha from '@hcaptcha/react-hcaptcha';
+import HCaptcha from 'react-hcaptcha';
import Axios from 'axios';
import Router from 'next/router';
import React from 'react';
-
+import Header from '../../Components/Header'
class RSMV extends Component {
@@ -53,40 +53,28 @@
render() {
return <>
- <div className={Styles.container}>
- <div className={Styles.ServerHeader}>
- <div className={Styles.ServerHeaderCenter}>
- <img src={this.props.guild_icon_url} className={Styles.ServerHeaderImage}/>
- </div>
- </div>
- <div className={Styles.ServerHeader}>
- <div className={Styles.ServerHeaderCenter}>
- <h1>{this.props.guild_name}</h1>
- <h3>{this.props.memberCount} members</h3>
- </div>
- </div>
- <div className={Styles.ServerHeader}>
- <h4>
- Complete the check below to join {this.props.guild_name}.
- </h4>
- </div>
- <div className={Styles.form}>
+ <Header
+ name={<><img style={{borderRadius: "50%"}} src={this.props.guild_icon_url} /><br />{this.props.guild_name}</>}
+ subtext={` ${this.props.memberCount} members`}
+ gradient={["F27878", "D96B6B"]}
+ wave="RM"
+ buttons={[]}
+ />
+ <div id="start">
+ <div className={Styles.center}>
+ <p className={Styles.text}>Complete the check below to join {this.props.guild_name}</p>
<HCaptcha
id="Captchas mitigate problems"
sitekey="85074411-fa13-4d9b-b901-53095c6d1fc6"
onVerify={token => this.handleVerificationSuccess(this, token)}
/>
- <div className={Styles.buttonContainer}>
- <button type="button" className={Styles.button} onClick={(success) => this.submitForm(this)}>Proceed</button>
- </div>
- </div>
- <div className={Styles.BottomText}>
- <p>This is an automatic check performed by RSM.<br/>
- <br/>
- By clicking Proceed, you will be given the <highlight>{this.props.role_name}</highlight> role in <highlight>{this.props.guild_name}</highlight>.<br/>
- {/* <br/>
- By Proceeding, you consent to our use of cookies described in our <highlight>policy</highlight>. */}
+ <button type="button" className={Styles.button} onClick={(success) => this.submitForm(this)}>Proceed</button>
+ <p className={Styles.text}>
+ This is an automatic check performed by RSM.
+ By clicking Proceed, you will be given the <code>{this.props.role_name}</code> role in <code>{this.props.guild_name}</code>.
</p>
+ <br />
+ <p>You can add RSM to your server by inviting it <a href="https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands">here</a>.</p>
</div>
</div>
</>