blob: aac214d385cf7ce59b0a2a134cf1fdade416f2c6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
---
import Button from '@components/base/Button.astro';
import Header from '@components/base/Header.astro';
import Paragraph from '@components/base/Paragraph.astro';
import Section from '@components/base/Section.astro';
import Icon from '@components/icons/Icon.astro';
import Layout from '@layouts/Layout.astro';
---
<Layout>
<Section wrapperClass="min-h-screen" class="my-40 md:my-40 xl:my-20 2xl:my-20 justify-center items-center flex-col">
<Header size="xl" class="text-navy-peony text-center">Feeling social? Come chat with us</Header>
<Paragraph class="text-blue-gray max-w-2xl text-center">
We primarily connect with our community with Discord, however we regularly check Github as well.
</Paragraph>
<div class="flex flex-row flex-wrap p-5 w-full justify-center items-center gap-8">
{/* GitHub */}
<div class="bg-blue-75 flex flex-col justify-start items-center p-5 gap-y-0.5 rounded-2xl">
<Icon icon="github" size={48} class="text-blue-gray" />
<Header size="md" class="text-navy-peony mt-2">GitHub</Header>
<!-- <div class="flex flex-row items-center justify-center gap-x-1">
<span class="w-1.5 h-1.5 bg-green-300 rounded-full"></span>
<Paragraph size="sm" class="text-blue-gray">69 commits a week</Paragraph>
</div> -->
<Paragraph size="sm" class="text-blue-gray max-w-48 text-center my-4">
We love open source, so all of our projects are OSS. Anyone is welcome to contribute new features (and bugs) to our mods.
</Paragraph>
<Button style="secondary" href="http://github.com/Polyfrost/" iconLeft="code" size="sm" class="w-full">Contribute today</Button>
</div>
{/* Discord */}
<div class="bg-blue-75 flex flex-col justify-start items-center p-5 gap-y-0.5 rounded-2xl">
<Icon icon="discord" size={48} class="text-blue-gray" />
<Header size="md" class="text-navy-peony mt-2">Discord</Header>
<!-- <div class="flex flex-row items-center justify-center gap-x-1">
<span class="w-1.5 h-1.5 bg-green-300 rounded-full"></span>
<Paragraph size="sm" class="text-blue-gray">69 commits a week</Paragraph>
</div> -->
<Paragraph size="sm" class="text-blue-gray max-w-48 text-center my-4">
Join us today! It's the easiest way to chat with other members, suggest new features, and get support with your mods.
</Paragraph>
<Button style="secondary" href="/discord" iconLeft="chat" size="sm" class="w-full">Chat with us</Button>
</div>
</div>
</Section>
</Layout>
|
