building works!
diff --git a/.eslintrc.json b/.eslintrc.json
index bffb357..f0f3abe 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,3 +1,6 @@
{
- "extends": "next/core-web-vitals"
+ "extends": "next/core-web-vitals",
+ "rules": {
+ "@next/next/no-img-element": "off"
+ }
}
diff --git a/Components/AutoSpacing.js b/Components/AutoSpacing.js
index 2617949..e90da58 100644
--- a/Components/AutoSpacing.js
+++ b/Components/AutoSpacing.js
@@ -1,7 +1,7 @@
-import { Component } from "react";
+import react, { Component } from "react";
import Styles from '../styles/autospacing.module.css';
-class CardRow extends Component {
+class AutoSpacing extends Component {
constructor(props) {
super(props);
}
@@ -11,7 +11,7 @@
return (
<div className={Styles.container}>
{
- this.props.elements.map((item, index) => {
+ react.Children.toArray(this.props.children).map((item, index) => {
return <div className={Styles.item} key={index}>{item}</div>
})
}
@@ -20,4 +20,4 @@
}
}
-export default CardRow;
\ No newline at end of file
+export default AutoSpacing;
\ No newline at end of file
diff --git a/Components/Card.js b/Components/Card.js
index e8442de..c218093 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -12,10 +12,10 @@
backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
margin: "0"
}}>
- <img className={Styles.backgroundImage} src={`/Waves/${this.props.wave}.svg`} />
+ <img alt="" className={Styles.backgroundImage} src={`/Waves/${this.props.wave}.svg`} />
<div className={Styles.panel}>
<div className={Styles.titleContainer}>
- <img className={Styles.image} src={"/Icons/" + this.props.wave + ".svg"} />
+ <img alt="Project icon" className={Styles.image} src={"/Icons/" + this.props.wave + ".svg"} />
<h1 className={Styles.title}>{this.props.title}</h1>
</div>
<p className={Styles.subtext}>{this.props.subtext}</p>
@@ -27,7 +27,8 @@
className={Styles.button}
style={{backgroundColor:`#${button.color}`, color:`#${this.props.buttonText}`}}
href={button.link}
- target={button.newTab ? "_blank" : undefined}>{button.text}
+ target={button.newTab ? "_blank" : undefined}
+ rel="noreferror">{button.text}
</a>
}) : null
}
diff --git a/Components/CardRow.js b/Components/CardRow.js
index d742944..77eb815 100644
--- a/Components/CardRow.js
+++ b/Components/CardRow.js
@@ -1,4 +1,4 @@
-import { Component } from "react";
+import react, { Component } from "react";
import Styles from '../styles/cardrow.module.css';
class CardRow extends Component {
@@ -11,7 +11,7 @@
return (
<div className={Styles.container}>
{
- this.props.tiles.map((item, index) => {
+ react.Children.toArray(this.props.children).map((item, index) => {
return <div className={Styles.item} key={index}>{item}</div>
})
}
diff --git a/Components/Header.js b/Components/Header.js
index 4a20a4b..e7f9fc5 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -13,7 +13,7 @@
backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
margin: "0"
}} id={this.props.id ? this.props.id : null}>
- <img className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
+ <img alt="" className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
<div className={Styles.panel}>
<div className={Styles.titleContainer}>
<h1 className={Styles.title}>{this.props.name}</h1>
@@ -27,7 +27,8 @@
className={Styles.button}
style={{backgroundColor:`#${button.color}`, color:`#${button.buttonText}`}}
href={button.link}
- target={button.target ? "_blank" : null}>
+ target={button.target ? "_blank" : null}
+ rel="noreferror">
{button.text}
</a>
}) : null
@@ -35,7 +36,7 @@
</div>
</div>
<span className={Styles.arrowSpan + " " + (this.props.hideArrow ? Styles.arrowHidden : null)}>
- <a href="#start"><img src="/Arrow.svg" className={Styles.arrow} /></a>
+ <a href="#start"><img alt="Down arrow" src="/Arrow.svg" className={Styles.arrow} /></a>
</span>
</div>
)
diff --git a/Components/NavBar.js b/Components/NavBar.js
index a55c15e..23ad2be 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -62,16 +62,16 @@
<>
<div ref={this.hoverSensor} className={this.isTouchDevice ? (Styles.container + " " + (this.state.isOpen ? Styles.containerOpen : null)) : Styles.containerDesktop + " " + Styles.container}>
<div className={Styles.group}>
- <img className={Styles.headerIcon} src="/Icons/CMP.svg" onClick={() => {this.onClick()}}/>
- <a href="/#"><img className={Styles.icon} src="/Icons/Homepage.svg"/></a>
- <a href="/gps#"><img className={Styles.icon} src="/Icons/GS.svg"/></a>
- <a href="/rsm#"><img className={Styles.icon} src="/Icons/RM.svg"/></a>
- <a href="/clicksforms#"><img className={Styles.icon} src="/Icons/CF.svg"/></a>
+ <img alt="CMP" className={Styles.headerIcon} src="/Icons/CMP.svg" onClick={() => {this.onClick()}}/>
+ <a href="/#"><img alt="Home" className={Styles.icon} src="/Icons/Homepage.svg"/></a>
+ <a href="/gps#"><img alt="GPS" className={Styles.icon} src="/Icons/GS.svg"/></a>
+ <a href="/rsm#"><img alt="RSM" className={Styles.icon} src="/Icons/RM.svg"/></a>
+ <a href="/clicksforms#"><img alt="ClicksForms" className={Styles.icon} src="/Icons/CF.svg"/></a>
{/* <a href="/castaway#"><img className={Styles.icon} src="/Icons/CA.svg"/></a> */}
{/* <a href="https://clcks.dev"><img className={Styles.icon} src="/Icons/CL.svg"/></a> */}
</div>
<div className={Styles.group}>
- <a href="/#"><img className={Styles.icon} src="/Icons/CMP.svg"/></a>
+ <a href="/#"><img alt="Theme" className={Styles.icon} src="/Icons/CMP.svg"/></a>
</div>
</div>
</>
diff --git a/Components/SectionHeading.js b/Components/SectionHeading.js
index 0362f81..3e417bf 100644
--- a/Components/SectionHeading.js
+++ b/Components/SectionHeading.js
@@ -1,7 +1,7 @@
import { Component } from "react";
import Styles from '../styles/sectionheading.module.css';
-class CardRow extends Component {
+class SectionHeading extends Component {
constructor(props) {
super(props);
}
@@ -14,4 +14,4 @@
}
}
-export default CardRow;
\ No newline at end of file
+export default SectionHeading;
\ No newline at end of file
diff --git a/Components/TileRow.js b/Components/TileRow.js
index c196cfe..408a18a 100644
--- a/Components/TileRow.js
+++ b/Components/TileRow.js
@@ -1,7 +1,7 @@
-import { Component } from "react";
+import react, { Component } from "react";
import Styles from '../styles/tilerow.module.css';
-class CardRow extends Component {
+class TileRow extends Component {
constructor(props) {
super(props);
}
@@ -11,7 +11,7 @@
return (
<div className={Styles.container}>
{
- this.props.tiles.map((item, index) => {
+ react.Children.toArray(this.props.children).map((item, index) => {
return <div className={Styles.item} key={index}>{item}</div>
})
}
@@ -20,4 +20,4 @@
}
}
-export default CardRow;
\ No newline at end of file
+export default TileRow;
\ No newline at end of file
diff --git a/pages/api/hello.js b/pages/api/hello.js
deleted file mode 100644
index df63de8..0000000
--- a/pages/api/hello.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
- res.status(200).json({ name: 'John Doe' })
-}
diff --git a/pages/api/rsmv/complete.js b/pages/api/rsmv/complete.js
index 3259967..97f02b7 100644
--- a/pages/api/rsmv/complete.js
+++ b/pages/api/rsmv/complete.js
@@ -1,6 +1,6 @@
import Axios from 'axios';
-export default async (req, res) => {
+const Complete = async (req, res) => {
let code = await Axios.post('http://localhost:3000/api/rsmv/validate', {code:req.body.code});
if (code.status != 200) {
return res.send(404);
@@ -15,3 +15,5 @@
)
return res.send(resp.status);
}
+
+export default Complete;
\ No newline at end of file
diff --git a/pages/api/rsmv/validate.js b/pages/api/rsmv/validate.js
index 7359a68..4aade75 100644
--- a/pages/api/rsmv/validate.js
+++ b/pages/api/rsmv/validate.js
@@ -5,7 +5,7 @@
const db = 'rsm';
const collection = 'rsmv-tokens'
-export default (req, res) => {
+const Validate = (req, res) => {
return new Promise((resolve, reject) => {
MongoClient.connect(url, async function(err, client) {
let db_response = await client.db(db).collection(collection).findOne({code: req.body.code});
@@ -25,4 +25,6 @@
return resolve(res.status(200).send(props));
})
})
-}
\ No newline at end of file
+}
+
+export default Validate;
\ No newline at end of file
diff --git a/pages/api/rsmv/verifyTkn.js b/pages/api/rsmv/verifyTkn.js
index 7e9d06f..50eb77e 100644
--- a/pages/api/rsmv/verifyTkn.js
+++ b/pages/api/rsmv/verifyTkn.js
@@ -1,7 +1,7 @@
import Axios from 'axios';
import qs from 'querystring';
-export default async (req, res) => {
+const verifyTkn = async (req, res) => {
const chk = await Axios.post('https://hcaptcha.com/siteverify', qs.stringify({
response: req.body.tkn,
secret: '0x19C699BFfce07b2a026121DE6702706BB2d51D6c',
@@ -9,4 +9,6 @@
}))
return res.send({ success: chk.data.success });
-}
\ No newline at end of file
+}
+
+export default verifyTkn;
\ No newline at end of file
diff --git a/pages/castaway.js b/pages/castaway.js
index f24910f..3582a71 100644
--- a/pages/castaway.js
+++ b/pages/castaway.js
@@ -22,12 +22,11 @@
]}
hideArrow={true}
/>
- <AutoSpacing
- elements={[
- <SectionHeading title="Features" id="features"/>,
- <SectionHeading title="Commands" id="commands"/>,
+ <AutoSpacing>
+ <SectionHeading title="Features" id="features"/>
+ <SectionHeading title="Commands" id="commands"/>
<SectionHeading title="Invite" id="invite"/>
- ]}/>
+ </AutoSpacing>
</>
)
}
diff --git a/pages/clicksforms.js b/pages/clicksforms.js
index 3eb62f3..6d37875 100644
--- a/pages/clicksforms.js
+++ b/pages/clicksforms.js
@@ -25,36 +25,35 @@
]}
hideArrow={true}
/>
- <AutoSpacing
- elements={[
- <SectionHeading title="Features" id="features"/>,
- <TileRow tiles={[
- <img src="/Features/ClicksForms/Anonymous.svg" />,
- <img src="/Features/ClicksForms/Buttons.svg" />,
- <img src="/Features/ClicksForms/Export.svg" />,
- <img src="/Features/ClicksForms/Forms.svg" />,
- <img src="/Features/ClicksForms/Multichoice.svg" />,
- <img src="/Features/ClicksForms/Questions.svg" />,
- <img src="/Features/ClicksForms/Types.svg" />,
- <img src="/Features/ClicksForms/Responses.svg" />,
- ]} />,
- <SectionHeading title="Commands" id="commands"/>,
- <Paragraph><code>/accept</code>: Completes a form you are asked to fill in</Paragraph>,
- <Paragraph><code>/apply</code>: Apply to a form</Paragraph>,
- <Paragraph><code>/create</code>: Creates a new form</Paragraph>,
- <Paragraph><code>/download</code>: Downloads a form from a service e.g. Google Forms</Paragraph>,
- <Paragraph><code>/help</code>: Lists all commands</Paragraph>,
- <Paragraph><code>/responses</code>: Lets you view responses to your servers form</Paragraph>,
- <Paragraph><code>/manage</code>: Lets you manage your servers forms</Paragraph>,
- <SectionHeading title="Services" id="services"/>,
- <Paragraph>ClicksForms support services like <a href="https://forms.google.com">Google Forms</a> through our Add-on (Awaiting approval)</Paragraph>,
- <Paragraph>Our API is public. You can view it on <a href="https://clicksminuteper.giuthub.io/docs/clicksforms">GitHub</a></Paragraph>,
- <SectionHeading title="Invite" id="invite"/>,
- <Paragraph>
- ClicksForms is available for free on
- <a href="https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands" text="Discord">Discord</a>
- </Paragraph>
- ]}/>
+ <AutoSpacing>
+ <SectionHeading title="Features" id="features"/>
+ <TileRow>
+ <img alt="Anonymous forms" src="/Features/ClicksForms/Anonymous.svg" />
+ <img alt="Discord buttons" src="/Features/ClicksForms/Buttons.svg" />
+ <img alt="Export formats" src="/Features/ClicksForms/Export.svg" />
+ <img alt="Up to 25 Forms" src="/Features/ClicksForms/Forms.svg" />
+ <img alt="Multiple Choice" src="/Features/ClicksForms/Multichoice.svg" />
+ <img alt="Up to 25 questions" src="/Features/ClicksForms/Questions.svg" />
+ <img alt="Many question types" src="/Features/ClicksForms/Types.svg" />
+ <img alt="Easily view responses" src="/Features/ClicksForms/Responses.svg" />
+ </TileRow>
+ <SectionHeading title="Commands" id="commands"/>
+ <Paragraph><code>/accept</code>: Completes a form you are asked to fill in</Paragraph>
+ <Paragraph><code>/apply</code>: Apply to a form</Paragraph>
+ <Paragraph><code>/create</code>: Creates a new form</Paragraph>
+ <Paragraph><code>/download</code>: Downloads a form from a service e.g. Google Forms</Paragraph>
+ <Paragraph><code>/help</code>: Lists all commands</Paragraph>
+ <Paragraph><code>/responses</code>: Lets you view responses to your servers form</Paragraph>
+ <Paragraph><code>/manage</code>: Lets you manage your servers forms</Paragraph>
+ <SectionHeading title="Services" id="services"/>
+ <Paragraph>ClicksForms support services like <a href="https://forms.google.com">Google Forms</a> through our Add-on (Awaiting approval)</Paragraph>
+ <Paragraph>Our API is public. You can view it on <a href="https://clicksminuteper.giuthub.io/docs/clicksforms">GitHub</a></Paragraph>
+ <SectionHeading title="Invite" id="invite"/>
+ <Paragraph>
+ ClicksForms is available for free on
+ <a href="https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands" text="Discord">Discord</a>
+ </Paragraph>
+ </AutoSpacing>
</>
)
}
diff --git a/pages/gps.js b/pages/gps.js
index 48f48e3..3249e04 100644
--- a/pages/gps.js
+++ b/pages/gps.js
@@ -22,12 +22,11 @@
]}
hideArrow={true}
/>
- <AutoSpacing
- elements={[
+ <AutoSpacing>
<SectionHeading title="Features" id="features"/>,
<SectionHeading title="Commands" id="commands"/>,
<SectionHeading title="Invite" id="invite"/>
- ]}/>
+ </AutoSpacing>s
</>
)
}
diff --git a/pages/index.js b/pages/index.js
index 91f31e9..fb0283f 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -18,89 +18,86 @@
buttons={[]}
/>
<p id="start" />
- <AutoSpacing
- elements={[
- <SectionHeading title="Projects" />,
- <CardRow tiles={[
- <Card
- wave="GS" title="GPS" subtext="Cards Against Humanity on Discord"
- buttons={[
- {color: "6576CC", link: "https://discordapp.com/oauth2/authorize?client_id=679361555732627476&scope=bot&permissions=130048", text: "Invite"},
- {color: "6576CC", link: "/gps", text: "About"}
+ <AutoSpacing>
+ <SectionHeading title="Projects" />
+ <CardRow>
+ <Card
+ wave="GS" title="GPS" subtext="Cards Against Humanity on Discord"
+ buttons={[
+ {color: "6576CC", link: "https://discordapp.com/oauth2/authorize?client_id=679361555732627476&scope=bot&permissions=130048", text: "Invite"},
+ {color: "6576CC", link: "/gps", text: "About"}
]}
- buttonText={"FFFFFF"} gradient={["78ECF2", "71AFE5"]}
- />,
- <Card
- wave="RM" title="RSM" subtext="Moderation Redefined"
- buttons={[
- {color: "424242", link: "https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands",text:"Invite"},
- {color: "424242", link: "/rsm", text:"About"}
+ buttonText={"FFFFFF"} gradient={["78ECF2", "71AFE5"]}
+ />
+ <Card
+ wave="RM" title="RSM" subtext="Moderation Redefined"
+ buttons={[
+ {color: "424242", link: "https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands",text:"Invite"},
+ {color: "424242", link: "/rsm", text:"About"}
]}
- buttonText={"FFFFFF"} gradient={["F27878", "D96B6B"]}
- />,
- <Card
- wave="CF" title="ClicksForms" subtext="Create custom forms for Discord"
- buttons={[
- {color: "775EBF", link: "https://clicksminuteper.github.io/docs/clicksforms", text:"API", newTab: true},
- {color: "775EBF", link: "https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands",text:"Invite"},
- {color: "775EBF", link: "/clicksforms", text: "About"}
- ]}
- buttonText={"FFFFFF"} gradient={["71AFE5", "6576CC"]}
- />,
- <Card
- wave="CA" title="Castaway" subtext="Stranded on Discord"
- buttons={[
- {color: "F2D478", link: "/", text: "Invite"},
- {color: "F2D478", link: "/castaway", text: "About"}
- ]}
- buttonText={"000000"} gradient={["71AFE5", "78ECF2"]}
- />,
- <Card
- wave="HY" title="Hooky" subtext="Webhook protection for Discord"
- buttons={[
- {color: "EDC575", link: "/", text: "Invite"},
- {color: "EDC575", link: "/hooky", text: "About"}
- ]}
- buttonText={"000000"} gradient={["424242", "8D8D8D"]}
- />,
- <Card
- wave="CL" title="Clcks" subtext="Clicks Minute Per web apps"
- buttons={[
- {color: "78ECF2", link: "https://clcks.dev", text: "View Apps"
- }]}
- buttonText={"000000"} gradient={["C4C4C4", "8D8D8D"]}
- />
- ]}
- />,
- <SectionHeading title="Code Bases" />,
- <CardRow tiles={[
- <Card
- wave="GH" title="GitHub" subtext="View our open source projects"
- buttons={[
- {color: "424242", link: "https://github.com/clicksminuteper", text: "Visit"}
- ]}
- buttonText={"FFFFFF"} gradient={["FFFFFF", "C4C4C4"]}
- />,
- <Card
- wave="PY" title="PyPi" subtext="View our modules for python"
- buttons={[
- {color: "FFC91E", link: "https://pypi.org/user/ClicksMinutePer/", text: "Visit"}
- ]}
- buttonText={"000000"} gradient={["2F6490", "3775A8"]}
- />
- ]}/>,
- <SectionHeading title="Socials" />,
- <CardRow tiles={[
- <Card
- wave="DS" title="Discord" subtext="Join our Discord server to talk with the community"
- buttons={[
- {color: "424242", link: "https://discord.gg/bPaNnxe", text: "Join"}
- ]}
- buttonText={"FFFFFF"} gradient={["404EED", "404EED"]}
- />
- ]}
- />
- ]}/>
+ buttonText={"FFFFFF"} gradient={["F27878", "D96B6B"]}
+ />
+ <Card
+ wave="CF" title="ClicksForms" subtext="Create custom forms for Discord"
+ buttons={[
+ {color: "775EBF", link: "https://clicksminuteper.github.io/docs/clicksforms", text:"API", newTab: true},
+ {color: "775EBF", link: "https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands",text:"Invite"},
+ {color: "775EBF", link: "/clicksforms", text: "About"}
+ ]}
+ buttonText={"FFFFFF"} gradient={["71AFE5", "6576CC"]}
+ />
+ <Card
+ wave="CA" title="Castaway" subtext="Stranded on Discord"
+ buttons={[
+ {color: "F2D478", link: "/", text: "Invite"},
+ {color: "F2D478", link: "/castaway", text: "About"}
+ ]}
+ buttonText={"000000"} gradient={["71AFE5", "78ECF2"]}
+ />
+ <Card
+ wave="HY" title="Hooky" subtext="Webhook protection for Discord"
+ buttons={[
+ {color: "EDC575", link: "/", text: "Invite"},
+ {color: "EDC575", link: "/hooky", text: "About"}
+ ]}
+ buttonText={"000000"} gradient={["424242", "8D8D8D"]}
+ />
+ <Card
+ wave="CL" title="Clcks" subtext="Clicks Minute Per web apps"
+ buttons={[
+ {color: "78ECF2", link: "https://clcks.dev", text: "View Apps"
+ }]}
+ buttonText={"000000"} gradient={["C4C4C4", "8D8D8D"]}
+ />
+ </CardRow>
+ <SectionHeading title="Code Bases" />
+ <CardRow>
+ <Card
+ wave="GH" title="GitHub" subtext="View our open source projects"
+ buttons={[
+ {color: "424242", link: "https://github.com/clicksminuteper", text: "Visit"}
+ ]}
+ buttonText={"FFFFFF"} gradient={["FFFFFF", "C4C4C4"]}
+ />
+ <Card
+ wave="PY" title="PyPi" subtext="View our modules for python"
+ buttons={[
+ {color: "FFC91E", link: "https://pypi.org/user/ClicksMinutePer/", text: "Visit"}
+ ]}
+ buttonText={"000000"} gradient={["2F6490", "3775A8"]}
+ />
+ </CardRow>
+ <SectionHeading title="Socials" />
+ <CardRow>
+ <Card
+ wave="DS" title="Discord" subtext="Join our Discord server to talk with the community"
+ buttons={[
+ {color: "424242", link: "https://discord.gg/bPaNnxe", text: "Join"}
+ ]}
+ buttonText={"FFFFFF"} gradient={["404EED", "404EED"]}
+ />
+ </CardRow>
+ </AutoSpacing>
</>
)
}
diff --git a/pages/rsm.js b/pages/rsm.js
index 46cd366..f7a21b8 100644
--- a/pages/rsm.js
+++ b/pages/rsm.js
@@ -22,24 +22,23 @@
]}
hideArrow={true}
/>
- <AutoSpacing
- elements={[
- <SectionHeading title="Features" id="features"/>,
- <TileRow tiles={[
- <img src="/Features/RSM/Images.svg" />,
- <img src="/Features/RSM/Automate.svg" />,
- <img src="/Features/RSM/CAPTCHA.svg" />,
- <img src="/Features/RSM/Developed.svg" />,
- <img src="/Features/RSM/Logging.svg" />,
- <img src="/Features/RSM/NSFW.svg" />,
- <img src="/Features/RSM/Punish.svg" />,
- <img src="/Features/RSM/Raids.svg" />,
- <img src="/Features/RSM/Statistics.svg" />,
- <img src="/Features/RSM/Tags.svg" />
- ]} />,
- <SectionHeading title="Commands" id="commands"/>,
+ <AutoSpacing>
+ <SectionHeading title="Features" id="features"/>
+ <TileRow>
+ <img alt="Moderate images" src="/Features/RSM/Images.svg" />
+ <img alt="Automate your server" src="/Features/RSM/Automate.svg" />
+ <img alt="CAPTCHA verification" src="/Features/RSM/CAPTCHA.svg" />
+ <img alt="Actively developed" src="/Features/RSM/Developed.svg" />
+ <img alt="Advanced logging" src="/Features/RSM/Logging.svg" />
+ <img alt="NSFW Moderation" src="/Features/RSM/NSFW.svg" />
+ <img alt="Eaily punish users" src="/Features/RSM/Punish.svg" />
+ <img alt="Stop raids quickly" src="/Features/RSM/Raids.svg" />
+ <img alt="Track statistics" src="/Features/RSM/Statistics.svg" />
+ <img alt="Custom tags" src="/Features/RSM/Tags.svg" />
+ </TileRow>
+ <SectionHeading title="Commands" id="commands"/>
<SectionHeading title="Invite" id="invite"/>
- ]}/>
+ </AutoSpacing>
</>
)
}
diff --git a/pages/rsmv/failure.js b/pages/rsmv/failure.js
index 31b721b..caca7c5 100644
--- a/pages/rsmv/failure.js
+++ b/pages/rsmv/failure.js
@@ -1,5 +1,5 @@
import { Component } from 'react'
-import Styles from '../../styles/rsmv/rsmv.module.scss'
+import Header from '../../Components/Header'
class Failed extends Component {
constructor(props) {
@@ -8,15 +8,14 @@
render() {
return (
- <div className={Styles.container}>
-
- <div className={Styles.ServerHeader}>
- <h4>
- Verification failed<br />
- Please try again, and if the error persists please contact us at <a href="mailto:verification@clicksminuteper.net" target="_blank">verification@clicksminuteper.net</a>
- </h4>
- </div>
- </div>
+ <Header
+ name="Verification failed"
+ subtext={<p>Please try again, and if the error persists please contact us at <a href="mailto:verification@clicksminuteper.net" target="_blank" rel="noopener noreferrer">verification@clicksminuteper.net</a></p>}
+ gradient={["F27878", "D96B6B"]}
+ wave="RM"
+ buttons={[]}
+ hideArrow={true}
+ />
)
}
diff --git a/pages/rsmv/index.js b/pages/rsmv/index.js
index 3b56943..141d171 100644
--- a/pages/rsmv/index.js
+++ b/pages/rsmv/index.js
@@ -54,7 +54,7 @@
render() {
return <>
<Header
- name={<><img style={{borderRadius: "50%"}} src={this.props.guild_icon_url} /><br />{this.props.guild_name}</>}
+ name={<><img alt="Server icon" style={{borderRadius: "50%"}} src={this.props.guild_icon_url} /><br />{this.props.guild_name}</>}
subtext={` ${this.props.memberCount} members`}
gradient={["F27878", "D96B6B"]}
wave="RM"
diff --git a/pages/rsmv/success.js b/pages/rsmv/success.js
index 66d2003..a1ed945 100644
--- a/pages/rsmv/success.js
+++ b/pages/rsmv/success.js
@@ -1,26 +1,22 @@
import { Component } from 'react'
-import Styles from '../../styles/pages/rsmv.module.scss'
+import Styles from '../../styles/rsmv/rsmv.module.css'
+import Header from '../../Components/Header'
class Success extends Component {
constructor(props) {
super(props)
}
-
-
render() {
return (
- <>
- <div className={Styles.container}>
- <div className={Styles.ServerHeader}>
- <h4>
- Thank you for verifying.<br />
- You can now close this tab or window.
- </h4>
- </div>
- </div>
- <div style={{height:"38vh"}}></div>
- </>
+ <Header
+ name="Verified"
+ subtext="You can now close this tab or window."
+ gradient={["65CC76", "60B258"]}
+ wave="RM"
+ buttons={[]}
+ hideArrow={true}
+ />
)
}