button colours, indents and card improvements
diff --git a/pages/clicksforms.js b/pages/clicksforms.js
index 046c728..efe2699 100644
--- a/pages/clicksforms.js
+++ b/pages/clicksforms.js
@@ -25,29 +25,29 @@
<AutoSpacing>
<SectionHeading id="features">Features</SectionHeading>
<TileRow divless={true}>
- <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 id="commands">Commands</SectionHeading>
- <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 id="services">Services</SectionHeading>
- <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.github.io/docs/clicksforms">GitHub</a></Paragraph>
- <SectionHeading id="invite">Invite</SectionHeading>
- <CardRow>
- <Card
+ <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 id="commands">Commands</SectionHeading>
+ <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 id="services">Services</SectionHeading>
+ <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.github.io/docs/clicksforms">GitHub</a></Paragraph>
+ <SectionHeading id="invite">Invite</SectionHeading>
+ <CardRow>
+ <Card
wave="CF"
buttonText={"FFFFFF"} gradient={["71AFE5", "6576CC"]}
title="Invite"
diff --git a/pages/gps.js b/pages/gps.js
index c7a8b1c..178e68f 100644
--- a/pages/gps.js
+++ b/pages/gps.js
@@ -82,7 +82,7 @@
title="Invite"
subtext="Invite GPS to your server"
buttons={[
- {color: "424242", 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"}
]}
/>
</CardRow>
diff --git a/pages/rsm.js b/pages/rsm.js
index b7f7e9f..166bbf3 100644
--- a/pages/rsm.js
+++ b/pages/rsm.js
@@ -25,42 +25,42 @@
<AutoSpacing>
<SectionHeading id="features">Features</SectionHeading>
<TileRow divless={true}>
- <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 id="commands">Commands</SectionHeading>
- <Paragraph><code>m!info</code>: Shows all commands and info.</Paragraph>
- <Paragraph><code>m!stats</code>: Shows the bot statistics</Paragraph>
- <Paragraph><code>m!settings</code>: Shows your servers log settings.</Paragraph>
- <Paragraph><code>m!user</code>: Shows information about a user.</Paragraph>
- <Paragraph><code>m!avatar</code>: Shows a users avatar.</Paragraph>
- <Paragraph><code>m!roleall</code>: Role all humans or bots in the server.</Paragraph>
- <Paragraph><code>m!suggest</code>: Sends a suggestion to add to the bot for voting.</Paragraph>
- <Paragraph><code>m!ping</code>: Checks the bots ping time.</Paragraph>
- <Paragraph><code>m!server</code>: Shows all information about your server.</Paragraph>
- <Paragraph><code>m!tag</code>: m!tag create/delete title text, or m!tag title</Paragraph>
- <Paragraph><code>m!role</code>: With Role: Shows information about a role.</Paragraph>
- <Paragraph><code>m!role</code>: With Mention: Lets you edit or view a users roles.</Paragraph>
- <Paragraph><code>m!viewas</code>: Shows the channels that a member can see.</Paragraph>
- <Paragraph><code>m!verify</code>: Lets users verify in your server.</Paragraph>
- <Paragraph><code>m!setverify</code>: Sets the role given when you m!verify. Name or ID.</Paragraph>
- <Paragraph><code>m!mail</code>: Creates a modmail ticket if set up.</Paragraph>
- <Paragraph><code>m!prefix</code>: Shows the bots prefix. Use @ if unknown.</Paragraph>
- <Paragraph><code>m!setprefix</code>: Sets the bots prefix. You can always @ the bot.</Paragraph>
- <Subheading>Moderation</Subheading>
- <Paragraph><code>m!warn</code>: Warns a member.</Paragraph>
- <Paragraph><code>m!clear</code>: Clears messages from a channel</Paragraph>
- <Paragraph><code>m!kick</code>: Kicks a member.</Paragraph>
- <Paragraph><code>m!softban</code>: Soft bans a member.</Paragraph>
- <Paragraph><code>m!ban</code>: Bans a member.</Paragraph>
+ <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 id="commands">Commands</SectionHeading>
+ <Paragraph><code>m!info</code>: Shows all commands and info.</Paragraph>
+ <Paragraph><code>m!stats</code>: Shows the bot statistics</Paragraph>
+ <Paragraph><code>m!settings</code>: Shows your servers log settings.</Paragraph>
+ <Paragraph><code>m!user</code>: Shows information about a user.</Paragraph>
+ <Paragraph><code>m!avatar</code>: Shows a users avatar.</Paragraph>
+ <Paragraph><code>m!roleall</code>: Role all humans or bots in the server.</Paragraph>
+ <Paragraph><code>m!suggest</code>: Sends a suggestion to add to the bot for voting.</Paragraph>
+ <Paragraph><code>m!ping</code>: Checks the bots ping time.</Paragraph>
+ <Paragraph><code>m!server</code>: Shows all information about your server.</Paragraph>
+ <Paragraph><code>m!tag</code>: m!tag create/delete title text, or m!tag title</Paragraph>
+ <Paragraph><code>m!role</code>: With Role: Shows information about a role.</Paragraph>
+ <Paragraph><code>m!role</code>: With Mention: Lets you edit or view a users roles.</Paragraph>
+ <Paragraph><code>m!viewas</code>: Shows the channels that a member can see.</Paragraph>
+ <Paragraph><code>m!verify</code>: Lets users verify in your server.</Paragraph>
+ <Paragraph><code>m!setverify</code>: Sets the role given when you m!verify. Name or ID.</Paragraph>
+ <Paragraph><code>m!mail</code>: Creates a modmail ticket if set up.</Paragraph>
+ <Paragraph><code>m!prefix</code>: Shows the bots prefix. Use @ if unknown.</Paragraph>
+ <Paragraph><code>m!setprefix</code>: Sets the bots prefix. You can always @ the bot.</Paragraph>
+ <Subheading>Moderation</Subheading>
+ <Paragraph><code>m!warn</code>: Warns a member.</Paragraph>
+ <Paragraph><code>m!clear</code>: Clears messages from a channel</Paragraph>
+ <Paragraph><code>m!kick</code>: Kicks a member.</Paragraph>
+ <Paragraph><code>m!softban</code>: Soft bans a member.</Paragraph>
+ <Paragraph><code>m!ban</code>: Bans a member.</Paragraph>
<Paragraph><code>m!unban</code>: Unbans a member.</Paragraph>
<Paragraph><code>m!purge</code>: Deletes messages in the channel.</Paragraph>
<Paragraph><code>m!punish</code>: Punishes a user.</Paragraph>
@@ -82,7 +82,7 @@
title="Invite"
subtext="Invite RSM to your server"
buttons={[
- {color: "424242", link: "https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands", text: "Invite"}
+ {color: "F27878", link: "https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands", text: "Invite"}
]}
/>
</CardRow>
diff --git a/styles/card.module.css b/styles/card.module.css
index bca4945..603d051 100644
--- a/styles/card.module.css
+++ b/styles/card.module.css
@@ -13,6 +13,8 @@
border-radius: 17px;
width: 100%;
height: 204px;
+ padding-inline: 5px;
+ padding-bottom: 5px;
position: relative;
overflow: hidden;
margin: 100px;
@@ -22,11 +24,14 @@
.panel {
position: absolute;
- overflow: hidden;
+ overflow-x: hidden;
+ overflow-y: auto;
width: 88%;
height: 76%;
top: 12%;
left: 6%;
+ padding-top: 10px;
+ padding-bottom: 10px;
border-radius: 17px;
background-color: var(--card-background-color);
backdrop-filter: blur(7px);
@@ -40,7 +45,8 @@
align-items: center;
width: 100%;
height: 32px;
- margin-top: 20px;
+ padding-inline: 10px;
+ margin-top: 10px;
}
.title {