website/src/routes/+page.svelte

51 lines
985 B
Svelte
Raw Normal View History

2022-08-04 14:54:22 +05:30
<script lang="ts">
2022-08-05 19:31:15 +05:30
import SvelteSeo from "svelte-seo";
import Hero from "$lib/Hero.svelte";
import LinkButton from "$lib/LinkButton.svelte";
2022-10-01 18:41:54 +05:30
import Announcements from "$lib/Announcements.svelte";
2022-08-05 18:16:54 +05:30
2022-08-08 10:50:29 +05:30
let description: string = "Open source development and hosted services.";
2022-08-04 14:54:22 +05:30
</script>
2022-08-07 15:12:09 +05:30
<SvelteSeo title="Home | Project Segfault" {description} />
2022-08-05 19:31:15 +05:30
<Hero
title="Project Segfault"
description="Open source development and hosted services"
marginTop="7"
>
<div class="buttons">
2022-08-31 16:46:12 +05:30
<LinkButton
2022-09-10 21:28:19 +05:30
url="/instances"
title="Explore our instances"
2022-08-31 16:46:12 +05:30
icon="i-fa6-solid:bell-concierge"
/>
<LinkButton
url="/donate"
icon="i-fa6-solid:money-bill"
title="Donate"
bg="#F6C915"
color="#151515"
/>
2022-08-05 19:31:15 +05:30
</div>
2022-08-05 18:16:54 +05:30
</Hero>
2022-08-04 14:54:22 +05:30
2022-10-01 18:41:54 +05:30
<Announcements />
2022-08-05 18:16:54 +05:30
<style>
2022-08-05 19:31:15 +05:30
.buttons {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1rem;
margin: 1rem;
}
2022-08-04 21:20:02 +05:30
2022-08-05 19:31:15 +05:30
@media screen and (max-width: 452px) {
.buttons {
flex-direction: column;
}
}
</style>