mirror of https://github.com/VERT-sh/VERT.git
39 lines
994 B
Svelte
39 lines
994 B
Svelte
<script lang="ts">
|
|
import { GITHUB_URL_VERT, DISCORD_URL } from "$lib/consts";
|
|
import { m } from "$lib/paraglide/messages";
|
|
|
|
const items = $derived([
|
|
[m["footer.source_code"](), GITHUB_URL_VERT],
|
|
[m["footer.discord_server"](), DISCORD_URL],
|
|
[m["footer.privacy_policy"](), "/privacy"],
|
|
]);
|
|
|
|
const year = new Date().getFullYear();
|
|
</script>
|
|
|
|
<footer
|
|
class="hidden md:block w-full h-14 border-t border-separator fixed bottom-0 mt-12"
|
|
>
|
|
<div
|
|
class="w-full h-full flex items-center justify-center text-muted gap-3 relative"
|
|
>
|
|
<p>{m["footer.copyright"]({ year })}</p>
|
|
{#each items as [name, url] (name)}
|
|
<!-- bullet point -->
|
|
<p>•</p>
|
|
<a
|
|
class="hover:underline font-normal"
|
|
href={url}
|
|
target={url.startsWith("http") ? "_blank" : "_self"}
|
|
>
|
|
{name}
|
|
</a>
|
|
{/each}
|
|
</div>
|
|
|
|
<div
|
|
class="absolute bottom-0 left-0 w-full h-24 -z-10 pointer-events-none"
|
|
style="background: linear-gradient(to bottom, transparent, var(--bg) 100%)"
|
|
></div>
|
|
</footer>
|