FreakU
/
canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new sidebar

This commit is contained in:
Kay Faraday 2024-08-04 14:46:08 -07:00
parent a93e16c505
commit a692d0b73f
5 changed files with 3 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
packages/client/src/components/Info/InfoButtons.tsx
View File

@ -1,49 +0,0 @@
import { Button, Link } from "@nextui-org/react";
import { SiDiscord, SiLemmy, SiMastodon, SiMatrix } from "@icons-pack/react-simple-icons"
export const InfoButtons = () => {
return (
<div className="p-2 flex gap-2 flex-wrap">
<Button
as={Link}
size="sm"
href="https://matrix.to/#/#canvas-meta:aftermath.gg?via=matrix.org"
target="_blank"
variant="ghost"
>
<SiMatrix size={18} />
<p>Matrix</p>
</Button>
<Button
as={Link}
size="sm"
href="https://discord.gg/mEUqXZw8kR"
target="_blank"
variant="ghost"
>
<SiDiscord size={18} />
<p>Discord</p>
</Button>
<Button
as={Link}
size="sm"
href="https://toast.ooo/c/canvas"
target="_blank"
variant="ghost"
>
<SiLemmy size={18} />
<p>Lemmy</p>
</Button>
<Button
as={Link}
size="sm"
href="https://social.fediverse.events/@canvas"
target="_blank"
variant="ghost"
>
<SiMastodon size={18} />
<p>Mastodon</p>
</Button>
</div>
);
};

4
packages/client/src/components/Info/InfoPrivacy.tsx
View File

@ -10,10 +10,6 @@ export const InfoPrivacy = () => {
</header>
<section>
<ul className="list-disc text-default-800 text-sm ml-10 flex flex-col gap-1">
<li>
Google Invisible Recaptcha is used to help prevent bots. Google's
privacy policy and terms are available below.
</li>
<li>Usernames should not be assumed to be private</li>
</ul>
</section>

23
packages/client/src/components/Info/InfoRules.tsx
View File

@ -9,28 +9,7 @@ export const InfoRules = () => {
<h2 className="text">Rules</h2>
</header>
<section>
<ol className="list-decimal text-default-800 text-sm ml-10 flex flex-col gap-1">
<li>
<p>No alternate accounts</p>
<p className="text-xs text-default-600">We want to keep it fair and not require people to create more
accounts to defend their art</p>
</li>
<li>
<p>No bots/automated placements</p>
<p className="text-xs text-default-600">We're land of the humans, not bots</p>
</li>
<li>
<p>No hate speech or adjacent</p>
</li>
<li>
<p>No gore or nudity (NSFW/NSFL)</p>
</li>
</ol>
<p className="text-default-600 text-xs ml-3 mt-1">
This canvas is built upon good faith rules, therefore moderators have
complete discretion on the rules. If you have any questions, ask in
the Matrix space or the Discord
</p>
<p>You must follow the <a href="https://freak.university/rules.html">Freak University rules</a> at all times.</p>
</section>
</div>
)

2
packages/client/src/components/Info/InfoSidebar.tsx
View File

@ -1,6 +1,5 @@
import { useAppContext } from "../../contexts/AppContext";
import { InfoText } from "./InfoText";
import { InfoButtons } from "./InfoButtons";
import { SidebarBase } from "../SidebarBase";
import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
@ -18,7 +17,6 @@ export const InfoSidebar = () => {
<SidebarBase shown={infoSidebar} setSidebarShown={setInfoSidebar} icon={faInfoCircle} title="Info" description="Information about the event" side="Left">
<div className="flex flex-col h-full justify-between">
<div>
<InfoButtons />
<InfoText />
</div>
<div className="p-2">

4
packages/client/src/components/Info/InfoWelcome.tsx
View File

@ -9,8 +9,8 @@ export const InfoWelcome = () => {
<h2 className="text">Welcome</h2>
</header>
<section>
<p className="text-default-600 text-xs ml-3">Welcome to canvas! This is an event that lasts for 72 hours where users can place pixels every so often on a shared canvas. Everyone has access to the same canvas and pixels can be placed in any location to create things on the canvas.</p>
<p className="text-default-600 text-xs ml-3">Welcome to canvas! This is a place where users can place pixels every so often on a shared canvas. Everyone has access to the same canvas and pixels can be placed in any location to create things on the canvas.</p>
</section>
</div>
)
};
};