steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-08-31 23:53:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

about page progress

Browse Source
This commit is contained in:
vcoppe
2024-07-05 01:02:53 +02:00
parent a2ea966d35
commit 9edcc5b55b
23 changed files with 397 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
website/src/lib/components/Footer.svelte
View File

@@ -1,17 +1,103 @@
<script lang="ts">
import { Button } from '$lib/components/ui/button';
import LanguageSelect from '$lib/components/LanguageSelect.svelte';
import Logo from '$lib/components/Logo.svelte';
import { AtSign, BookOpenText, Heart, Info, Map } from 'lucide-svelte';
import { _ } from 'svelte-i18n';
</script>
<footer class="w-full">
<div class="mx-6 py-2 flex flex-row flex-wrap border-t">
<div class="flex flex-row" id="contact">
<Button variant="link" href="https://github.com/gpxstudio/gpx.studio" target="_blank"
>GitHub</Button
>
<Button variant="link" href="https://facebook.com/gpx.studio" target="_blank">Facebook</Button
>
<Button variant="link" href="https://twitter.com/gpxstudio" target="_blank">Twitter</Button>
<Button variant="link" href="mailto:hello@gpx.studio" target="_blank">Mail</Button>
<div class="mx-6 border-t">
<div class="mx-12 py-10 flex flex-row flex-wrap justify-between gap-x-10 gap-y-6">
<div class="grow flex flex-col items-start">
<Logo class="h-8" />
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="https://github.com/gpxstudio/gpx.studio/blob/main/LICENSE"
target="_blank"
>
MIT © 2024 gpx.studio
</Button>
<LanguageSelect class="w-40 mt-3" />
</div>
<div class="grow max-w-2xl flex flex-row flex-wrap justify-between gap-x-10 gap-y-6">
<div class="flex flex-col items-start gap-1">
<span class="font-semibold">{$_('homepage.website')}</span>
<Button variant="link" class="h-6 px-0 text-muted-foreground" href="./">
<Map size="16" class="mr-1" />
{$_('homepage.app')}
</Button>
<Button variant="link" class="h-6 px-0 text-muted-foreground" href="./about">
<Info size="16" class="mr-1" />
{$_('menu.about')}
</Button>
<Button variant="link" class="h-6 px-0 text-muted-foreground" href="./documentation">
<BookOpenText size="16" class="mr-1" />
{$_('homepage.documentation')}
</Button>
</div>
<div class="flex flex-col items-start gap-1" id="contact">
<span class="font-semibold">{$_('homepage.contact')}</span>
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="https://facebook.com/gpx.studio"
target="_blank"
>
<Logo company="facebook" class="h-4 mr-1 fill-muted-foreground" />
{$_('homepage.facebook')}
</Button>
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="https://x.com/gpxstudio"
target="_blank"
>
<Logo company="x" class="h-4 mr-1 fill-muted-foreground" />
{$_('homepage.x')}
</Button>
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="mailto:hello@gpx.studio"
target="_blank"
>
<AtSign size="16" class="mr-1" />
{$_('homepage.email')}
</Button>
</div>
<div class="flex flex-col items-start gap-1">
<span class="font-semibold">{$_('homepage.contribute')}</span>
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="https://ko-fi.com/gpxstudio"
target="_blank"
>
<Heart size="16" class="mr-1" />
{$_('menu.donate')}
</Button>
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="https://crowdin.com/project/gpxstudio"
target="_blank"
>
<Logo company="crowdin" class="h-4 mr-1 fill-muted-foreground" />
{$_('homepage.crowdin')}
</Button>
<Button
variant="link"
class="h-6 px-0 text-muted-foreground"
href="https://github.com/gpxstudio/gpx.studio"
target="_blank"
>
<Logo company="github" class="h-4 mr-1 fill-muted-foreground" />
{$_('homepage.github')}
</Button>
</div>
</div>
</div>
</div>
</footer>