vert/src/lib/sections/about/Resources.svelte

38 lines
1.2 KiB
Svelte

<script lang="ts">
import Panel from "$lib/components/visual/Panel.svelte";
import { GithubIcon, LinkIcon, MessageCircleMoreIcon } from "lucide-svelte";
</script>
<Panel class="flex flex-col gap-4 p-6">
<h2 class="text-2xl font-bold">
<LinkIcon
size="40"
class="inline-block -mt-1 mr-2 bg-violet-400 bg- p-1.5 rounded-full"
color="black"
/>
Resources
</h2>
<div class="flex gap-3">
<a
href="https://discord.gg/kqevGxYPak"
target="_blank"
rel="noopener noreferrer"
class="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 server
</a>
<a
href="https://github.com/not-nullptr/VERT"
target="_blank"
rel="noopener noreferrer"
class="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 code
</a>
</div>
</Panel>