mirror of https://github.com/VERT-sh/VERT.git
144 lines
3.7 KiB
Svelte
144 lines
3.7 KiB
Svelte
<script lang="ts">
|
|
import Panel from "$lib/components/visual/Panel.svelte";
|
|
import { HeartHandshakeIcon } from "lucide-svelte";
|
|
import { GITHUB_URL_VERT } from "$lib/consts";
|
|
|
|
let { mainContribs, notableContribs, ghContribs } = $props();
|
|
</script>
|
|
|
|
{#snippet contributor(
|
|
name: string,
|
|
github: string,
|
|
avatar: string,
|
|
role?: string,
|
|
smaller?: boolean,
|
|
)}
|
|
<div class="flex items-center gap-4" class:gap-1={smaller}>
|
|
<a
|
|
href={github}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="flex-shrink-0"
|
|
>
|
|
<img
|
|
src={avatar}
|
|
alt={name}
|
|
title={name}
|
|
class="{smaller
|
|
? 'w-12 h-12 hoverable'
|
|
: role
|
|
? 'w-14 h-14 hoverable-md'
|
|
: 'w-10 h-10 hoverable-lg'} rounded-full"
|
|
/>
|
|
</a>
|
|
{#if role}
|
|
<div class="flex flex-col gap-1">
|
|
<p
|
|
class="font-semibold"
|
|
class:text-xl={!smaller}
|
|
class:text-base={smaller}
|
|
>
|
|
{name}
|
|
</p>
|
|
<p class="text-sm font-normal text-muted">{role}</p>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
{/snippet}
|
|
|
|
<Panel class="flex flex-col gap-8 p-6">
|
|
<h2 class="text-2xl font-bold flex items-center">
|
|
<div class="rounded-full bg-blue-300 p-2 inline-block mr-3 w-10 h-10">
|
|
<HeartHandshakeIcon color="black" />
|
|
</div>
|
|
Credits
|
|
</h2>
|
|
|
|
<p class="-mt-4 -mb-3 font-black text-lg">
|
|
If you would like to contact the development team, please use the email
|
|
found on the "Resources" card.
|
|
</p>
|
|
|
|
<!-- Main contributors -->
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex flex-col flex-wrap gap-2">
|
|
{#each mainContribs as contrib}
|
|
{@const { name, github, avatar, role } = contrib}
|
|
{@render contributor(name, github, avatar, role)}
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Notable contributors -->
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex flex-col gap-1">
|
|
<h2 class="text-base font-bold">Notable contributors</h2>
|
|
<div class="flex flex-col gap-2">
|
|
<p class="text-base text-muted font-normal">
|
|
We'd like to thank these people for their major
|
|
contributions to VERT.
|
|
</p>
|
|
<div class="flex flex-col gap-2">
|
|
{#each notableContribs as contrib}
|
|
{@const { name, github, avatar, role } = contrib}
|
|
{@render contributor(name, github, avatar, role, true)}
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GitHub contributors -->
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex flex-col gap-1">
|
|
<h2 class="text-base font-bold">GitHub contributors</h2>
|
|
{#if ghContribs && ghContribs.length > 0}
|
|
<p class="text-base text-muted font-normal">
|
|
Big <a
|
|
class="text-black dynadark:text-white"
|
|
href="/jpegify">thanks</a
|
|
>
|
|
to all these people for helping out!
|
|
<a
|
|
class="text-blue-500 font-normal hover:underline"
|
|
href={GITHUB_URL_VERT}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Want to help too?
|
|
</a>
|
|
</p>
|
|
{:else}
|
|
<p class="text-base text-muted font-normal italic">
|
|
Seems like no one has contributed yet...
|
|
<a
|
|
class="text-blue-500 font-normal hover:underline"
|
|
href={GITHUB_URL_VERT}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
be the first to contribute!
|
|
</a>
|
|
</p>
|
|
{/if}
|
|
</div>
|
|
|
|
{#if ghContribs && ghContribs.length > 0}
|
|
<div class="flex flex-row flex-wrap gap-2">
|
|
{#each ghContribs as contrib}
|
|
{@const { name, github, avatar } = contrib}
|
|
{@render contributor(name, github, avatar)}
|
|
{/each}
|
|
</div>
|
|
{/if}
|
|
|
|
<h2 class="mt-2 -mb-2">Libraries</h2>
|
|
<p class="font-normal">
|
|
A big thanks to FFmpeg (audio, video), libvips (images) and
|
|
Pandoc (documents) for maintaining such excellent libraries for
|
|
so many years. VERT relies on them to provide you with your
|
|
conversions.
|
|
</p>
|
|
</div>
|
|
</div></Panel
|
|
>
|