75 lines
2.2 KiB
Vue
75 lines
2.2 KiB
Vue
<script lang="ts" src="../composables/MainFooter.ts"></script>
|
|
|
|
<template>
|
|
<UFooter>
|
|
<template #top>
|
|
<UFooterColumns
|
|
:links="footerLinks"
|
|
class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12"
|
|
>
|
|
<template #left>
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex items-center gap-3">
|
|
<AppLogo class="h-10 w-auto" />
|
|
<span class="archivo-black text-2xl text-white tracking-tighter uppercase">
|
|
Spacebar
|
|
</span>
|
|
</div>
|
|
<div class="text-sm text-gray-400 space-y-1">
|
|
<p>Copyright 2026</p>
|
|
<p>Site maintained by Spacebar Network</p>
|
|
<p>Developed by our contributors</p>
|
|
|
|
<p class="mt-4 max-w-[320px] leading-snug text-gray-500">
|
|
Spacebar Network (SPBR) is an extension of Splatfestival Network (SPFN), which aims to be a Nintendo Network recreation primarily for hosting Splatfests. Spacebar is separate from this purpose, though we remain partnered with Splatfestival.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</UFooterColumns>
|
|
</template>
|
|
|
|
<template #left>
|
|
<span class="text-sm text-gray-500">
|
|
© {{ new Date().getFullYear() }} Spacebar Network. All rights reserved.
|
|
</span>
|
|
</template>
|
|
|
|
<template #right>
|
|
<div class="flex gap-2">
|
|
<UButton
|
|
icon="i-simple-icons-patreon"
|
|
color="neutral"
|
|
variant="ghost"
|
|
to="https://www.patreon.com/splatfestival"
|
|
target="_blank"
|
|
aria-label="Patreon"
|
|
/>
|
|
<UButton
|
|
icon="i-simple-icons-discord"
|
|
color="neutral"
|
|
variant="ghost"
|
|
to="https://discord.gg/grMSxZf"
|
|
target="_blank"
|
|
aria-label="Discord"
|
|
/>
|
|
<UButton
|
|
icon="i-simple-icons-gitea"
|
|
color="neutral"
|
|
variant="ghost"
|
|
to="https://git.spbr.net/spacebar"
|
|
target="_blank"
|
|
aria-label="Forgejo"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</UFooter>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.archivo-black {
|
|
font-family: "Archivo Black", sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
</style>
|