new card types, style changes, image preloading etc etc
diff --git a/pages/_app.js b/pages/_app.js
index 59fdadb..222765c 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -53,8 +53,11 @@
const [subBar, setSubBar] = React.useState(false);
const [currentElement, setElement] = React.useState(<></>);
- const showSubBar = (element, timeout) => {
+ const showSubBar = (element, timeout, positioning="left") => {
setSubBar(true);
+ if (positioning === "center") {
+ element = <div className={Styles.centeredSubBar}>{element}</div>
+ }
setElement(element);
if (timeout) {
setTimeout(() => {
@@ -70,8 +73,8 @@
setSubBar(false);
}
- const showMessage = (text) => {
- showSubBar(<p className={Styles.message}>{text}</p>, 5);
+ const showMessage = (text, positioning="left") => {
+ showSubBar(<p className={Styles.message}>{text}</p>, 5, positioning);
}
return <>
diff --git a/pages/index.js b/pages/index.js
index 7495dff..20e6ec9 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -67,7 +67,7 @@
/>
<Card
wave="hooky" title="Hooky" subtext="Webhook protection for Discord"
- icon="bots/hooky/circle"
+ icon={"bots/hooky/circle"}
buttons={[
{color: "EDC575", link: "https://discord.com/oauth2/authorize?client_id=752188923505279037&scope=bot&permissions=536882176", text: "Invite"},
{color: "EDC575", link: "/hooky", text: "About"}
@@ -75,6 +75,14 @@
buttonText={"000000"} gradient={["424242", "8D8D8D"]}
url="/hooky"
/>
+ <Card
+ title="New projects..." subtext="We're actively working on projects! You can join our Discord to find out more."
+ buttons={[
+ {color: "6576CC", link: "https://discord.gg/bPaNnxe", text:"Join our Discord"}
+ ]}
+ buttonText={"FFFFFF"} border={"C4C4C4"}
+ url="/" overwritePosition={"center"}
+ />
</CardRow>
</Panel>
<Panel halfSize={true}>
@@ -105,7 +113,7 @@
<Panel halfSize={true}>
<Title>Socials</Title>
<Divider />
- <Text>{"We've got discord, feel free to ask us anything"}</Text>
+ <Text>{"We've got Discord, feel free to ask us anything"}</Text>
<CardRow>
<Card
wave="discord" title="Discord" subtext="Join our Discord server to talk with the community"