feat: clarify contact stuff

src/lib/consts.ts

@@ -10,3 +10,4 @@ export const VERT_NAME =
 		: PUB_ENV === "nightly"
 			? "VERT Nightly"
 			: "VERT.sh";
+export const CONTACT_EMAIL = "hello@vert.sh";

src/lib/sections/about/Credits.svelte

@@ -45,6 +45,11 @@
 		Credits
 	</h2>
 
+	<p class="-mt-4 -mb-3 font-black text-lg">
+		Please refrain from contacting any individual developers for questions
+		regarding VERT. Instead, use the email in the Resources section.
+	</p>
+
 	<!-- Main contributors -->
 	<div class="flex flex-col gap-4">
 		<div class="flex flex-col flex-wrap gap-2">

src/lib/sections/about/Donate.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <script lang="ts">
-	import { PUB_STRIPE_KEY, PUB_DONATION_API } from "$env/static/public";
+	// import { PUB_STRIPE_KEY, PUB_DONATION_API } from "$env/static/public";
 	import { fade } from "$lib/animation";
 	import FancyInput from "$lib/components/functional/FancyInput.svelte";
 	import Panel from "$lib/components/visual/Panel.svelte";

src/lib/sections/about/Resources.svelte

@@ -1,8 +1,13 @@
 <script lang="ts">
 	import Panel from "$lib/components/visual/Panel.svelte";
-	import { DISCORD_URL, GITHUB_URL_VERT } from "$lib/consts";
+	import { CONTACT_EMAIL, DISCORD_URL, GITHUB_URL_VERT } from "$lib/consts";
 	import { effects } from "$lib/store/index.svelte";
-	import { GithubIcon, LinkIcon, MessageCircleMoreIcon } from "lucide-svelte";
+	import {
+		GithubIcon,
+		LinkIcon,
+		MailIcon,
+		MessageCircleMoreIcon,
+	} from "lucide-svelte";
 </script>
 
 <Panel class="flex flex-col gap-4 p-6">
@@ -19,7 +24,9 @@
 			href={DISCORD_URL}
 			target="_blank"
 			rel="noopener noreferrer"
-			class="btn {$effects ? "" : "!scale-100"} flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
+			class="btn {$effects
+				? ''
+				: '!scale-100'} flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
 		>
 			<MessageCircleMoreIcon size="24" class="inline-block mr-2" />
 			Discord
@@ -28,10 +35,23 @@
 			href={GITHUB_URL_VERT}
 			target="_blank"
 			rel="noopener noreferrer"
-			class="btn {$effects ? "" : "!scale-100"} flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
+			class="btn {$effects
+				? ''
+				: '!scale-100'} flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
 		>
 			<GithubIcon size="24" class="inline-block mr-2" />
 			Source
 		</a>
+		<a
+			href="mailto:{CONTACT_EMAIL}"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="btn {$effects
+				? ''
+				: '!scale-100'} flex-1 gap-2 p-4 rounded-full bg-button text-black dynadark:text-white flex items-center justify-center"
+		>
+			<MailIcon size="24" class="inline-block mr-2" />
+			Email
+		</a>
 	</div>
 </Panel>

src/routes/about/+page.svelte

@@ -123,9 +123,9 @@
 	>
 		<!-- Why VERT? & Credits -->
 		<div class="flex flex-col gap-4 flex-1">
-			{#if donationsEnabled}
+			<!-- {#if donationsEnabled}
 				<About.Donate donors={[]} />
-			{/if}
+			{/if} -->
 			<About.Why />
 			{#if !donationsEnabled}
 				<About.Vertd />