RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add email to about page

This commit is contained in:
JovannMC 2025-02-20 20:37:44 +03:00
parent 4c65aee867
commit 10c7b035a2
No known key found for this signature in database
1 changed files with 42 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/lib/sections/about/Vertd.svelte
View File

@ -1,8 +1,18 @@
<script lang="ts"> <script lang="ts">
import Panel from "$lib/components/visual/Panel.svelte"; import Panel from "$lib/components/visual/Panel.svelte";
import { PiggyBankIcon } from "lucide-svelte"; import { PiggyBankIcon, CopyIcon } from "lucide-svelte";
import HotMilk from "$lib/assets/hotmilk.svg?component"; import HotMilk from "$lib/assets/hotmilk.svg?component";
import { DISCORD_URL } from "$lib/consts"; import { DISCORD_URL } from "$lib/consts";
import { error } from "$lib/logger";
function copyToClipboard() {
try {
navigator.clipboard.writeText("hello@vert.sh");
alert("Email copied to clipboard!");
} catch (err) {
error(`Failed to copy email: ${err}`);
}
}
</script> </script>
<Panel class="flex flex-col gap-3 p-6 min-h-[280px]"> <Panel class="flex flex-col gap-3 p-6 min-h-[280px]">
@ -24,11 +34,34 @@
<HotMilk class="w-full h-16" /> <HotMilk class="w-full h-16" />
</a> </a>
</div> </div>
<p class="text-muted"> <div>
Want to support us? Contact a developer in the <a <p class="text-muted">
href={DISCORD_URL} Want to support us? Contact a developer in the <a
target="_blank">Discord</a href={DISCORD_URL}
> server! target="_blank">Discord</a
</p> >
</div> server, or send an email to
</Panel> <span class="inline-block mx-[2px] relative top-[2px]"
><button
id="email"
class="flex items-center gap-2 cursor-pointer"
onclick={copyToClipboard}
aria-label="Copy email to clipboard"
>
<CopyIcon size="14"></CopyIcon> hello@vert.sh
</button></span
>!
</p>
</div>
</div></Panel
>
<style>
#email {
@apply font-mono bg-gray-200 rounded-md px-1 text-inherit no-underline dynadark:bg-panel-alt dynadark:text-white;
}
#email:hover {
@apply font-mono !bg-accent !text-black rounded-md px-1 duration-200;
}
</style>