mirror of https://github.com/VERT-sh/VERT.git
59 lines
1.6 KiB
Svelte
59 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import Panel from "$lib/components/visual/Panel.svelte";
|
|
import { CONTACT_EMAIL, DISCORD_URL, GITHUB_URL_VERT } from "$lib/consts";
|
|
import { effects } from "$lib/store/index.svelte";
|
|
import {
|
|
GithubIcon,
|
|
LinkIcon,
|
|
MailIcon,
|
|
MessageCircleMoreIcon,
|
|
} from "lucide-svelte";
|
|
import { m } from "$lib/paraglide/messages";
|
|
</script>
|
|
|
|
<Panel class="flex flex-col gap-4 p-6">
|
|
<h2 class="text-2xl font-bold flex items-center">
|
|
<div
|
|
class="rounded-full bg-accent-purple p-2 inline-block mr-3 w-10 h-10"
|
|
>
|
|
<LinkIcon color="black" />
|
|
</div>
|
|
{m["about.resources.title"]()}
|
|
</h2>
|
|
<div class="flex gap-3">
|
|
<a
|
|
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"
|
|
>
|
|
<MessageCircleMoreIcon size="24" class="inline-block mr-2" />
|
|
{m["about.resources.discord"]()}
|
|
</a>
|
|
<a
|
|
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"
|
|
>
|
|
<GithubIcon size="24" class="inline-block mr-2" />
|
|
{m["about.resources.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" />
|
|
{m["about.resources.email"]()}
|
|
</a>
|
|
</div>
|
|
</Panel>
|