added project pages, started working on RSMs
diff --git a/Components/Card.js b/Components/Card.js
index c78c780..21ced4a 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -4,8 +4,14 @@
class Card extends Component {
constructor(props) {
super(props);
- }
+ this.keys = []
+ }
+ nextKey() {
+ let n = this.keys.length
+ this.keys.push(n);
+ return n
+ }
render() {
return (
@@ -24,9 +30,11 @@
{
this.props.buttons ? this.props.buttons.map(button => {
return <a
+ key={this.nextKey()}
className={Styles.button}
style={{backgroundColor:`#${button.color}`, color:`#${this.props.buttonText}`}}
- href={button.link}>{button.text}
+ href={button.link}
+ target={button.newTab ? "_blank" : undefined}>{button.text}
</a>
}) : null
}
diff --git a/Components/NavBar.js b/Components/NavBar.js
index 9e5f03e..946b7f0 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -25,6 +25,8 @@
<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>
+ {/* <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>
diff --git a/pages/index.js b/pages/index.js
index 0e8abf0..9daef6a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -24,41 +24,49 @@
<Card
wave="GS" title="GPS" subtext="Cards Against Humanity on Discord"
buttons={[
- {color:"6576CC",link:"/gps",text:"About"},
- {color:"6576CC",link:"https://discordapp.com/oauth2/authorize?client_id=679361555732627476&scope=bot&permissions=130048",text:"Invite"}
+ {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"}
+ {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"},
- {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"}
+ {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"}]}
+ 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"}]}
+ 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"}]}
+ buttons={[
+ {color: "78ECF2", link: "https://clcks.dev", text: "View Apps"
+ }]}
buttonText={"000000"} gradient={["C4C4C4", "8D8D8D"]}
/>
]}
@@ -69,14 +77,14 @@
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"]}
/>
]}/>,
@@ -86,7 +94,7 @@
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"]}
/>
]}
diff --git a/pages/rsm.js b/pages/rsm.js
index 3b83aca..04360b7 100644
--- a/pages/rsm.js
+++ b/pages/rsm.js
@@ -6,6 +6,7 @@
import Header from '../Components/Header'
import AutoSpacing from '../Components/AutoSpacing'
import SectionHeading from '../Components/SectionHeading'
+import AutoGrid from '../Components/AutoGrid'
export default function Home() {
return (
@@ -25,6 +26,17 @@
<AutoSpacing
elements={[
<SectionHeading title="Features" id="features"/>,
+ <CardRow tiles={[
+ <img src="/Features/RSM/Advertisements.svg" />,
+ <img src="/Features/RSM/Automate.svg" />,
+ <img src="/Features/RSM/CAPTCHA.svg" />,
+ <img src="/Features/RSM/Developed.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"/>,
<SectionHeading title="Invite" id="invite"/>
]}/>
diff --git a/styles/globals.css b/styles/globals.css
index b7d3d43..6915a5b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -14,6 +14,8 @@
--page-background: #252525; */
background-color: var(--page-background);
+
+ overflow-x: hidden;
}
a {
diff --git a/styles/navbar.module.css b/styles/navbar.module.css
index 6b27745..8436b2a 100644
--- a/styles/navbar.module.css
+++ b/styles/navbar.module.css
@@ -13,7 +13,6 @@
width: 64px;
max-height: 64px;
height: auto;
- border-radius: 32px;
border-radius: 32px;
transition: 0.5s ease-in-out;
@@ -26,8 +25,7 @@
align-items: center;
background-color: var(--card-background-color);
- filter: var(--card-filter);
- backdrop-filter: blur(7px);
+ backdrop-filter: blur(7px), brightness(0.1);
border-radius: 32px;
width: 64px;
@@ -78,11 +76,13 @@
margin-bottom: 0;
padding-top: 7px;
margin-right: 20px;
+ padding-left: 3px;
}
.headerIcon {
height: 64px;
width: 64px;
margin-top: 12px;
+ margin-left: -3px;
}
.containerOpen {
max-width: 550px;