diff --git a/src/lib/assets/avatars/azurejelly.jpg b/src/lib/assets/avatars/azurejelly.jpg new file mode 100644 index 0000000..aaffb9d Binary files /dev/null and b/src/lib/assets/avatars/azurejelly.jpg differ diff --git a/src/lib/assets/avatars/realmy.jpg b/src/lib/assets/avatars/realmy.jpg new file mode 100644 index 0000000..14b2ee8 Binary files /dev/null and b/src/lib/assets/avatars/realmy.jpg differ diff --git a/src/lib/components/functional/ConversionPanel.svelte b/src/lib/components/functional/ConversionPanel.svelte index ecf80d1..9ae95f6 100644 --- a/src/lib/components/functional/ConversionPanel.svelte +++ b/src/lib/components/functional/ConversionPanel.svelte @@ -5,7 +5,6 @@ import Dropdown from "./Dropdown.svelte"; import Tooltip from "../visual/Tooltip.svelte"; import ProgressBar from "../visual/ProgressBar.svelte"; - import { fade } from "$lib/animation"; const length = $derived(files.files.length); const progress = $derived(files.files.filter((f) => f.result).length); diff --git a/src/lib/sections/about/Credits.svelte b/src/lib/sections/about/Credits.svelte index cebbfff..a8dc5cd 100644 --- a/src/lib/sections/about/Credits.svelte +++ b/src/lib/sections/about/Credits.svelte @@ -3,7 +3,7 @@ import { HeartHandshakeIcon } from "lucide-svelte"; import { GITHUB_URL_VERT } from "$lib/consts"; - let { mainContribs, ghContribs } = $props(); + let { mainContribs, notableContribs, ghContribs } = $props(); {#snippet contributor( @@ -11,8 +11,9 @@ github: string, avatar: string, role?: string, + smaller?: boolean, )} -
+
{#if role}
-

{name}

+

+ {name} +

{role}

{/if} @@ -60,55 +69,75 @@
- +
-

GitHub contributors

- {#if ghContribs && ghContribs.length > 0} +

Notable contributors

+

- Big thanks - to all these people for helping out! - - Want to help too? - + We'd like to thank these people for their major + contributions to VERT.

- {:else} -

- Seems like no one has contributed yet... - - be the first to contribute! - -

- {/if} +
+ {#each notableContribs as contrib} + {@const { name, github, avatar, role } = contrib} + {@render contributor(name, github, avatar, role, true)} + {/each} +
+
- {#if ghContribs && ghContribs.length > 0} -
- {#each ghContribs as contrib} - {@const { name, github, avatar } = contrib} - {@render contributor(name, github, avatar)} - {/each} + +
+
+

GitHub contributors

+ {#if ghContribs && ghContribs.length > 0} +

+ Big thanks + to all these people for helping out! + + Want to help too? + +

+ {:else} +

+ Seems like no one has contributed yet... + + be the first to contribute! + +

+ {/if}
- {/if} -

Libraries

-

- 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. -

-
- + {#if ghContribs && ghContribs.length > 0} +
+ {#each ghContribs as contrib} + {@const { name, github, avatar } = contrib} + {@render contributor(name, github, avatar)} + {/each} +
+ {/if} + +

Libraries

+

+ 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. +

+
+
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte index d17774d..a60122f 100644 --- a/src/routes/about/+page.svelte +++ b/src/routes/about/+page.svelte @@ -6,10 +6,12 @@ import avatarNullptr from "$lib/assets/avatars/nullptr.jpg"; import avatarLiam from "$lib/assets/avatars/liam.jpg"; import avatarJovannMC from "$lib/assets/avatars/jovannmc.jpg"; + import avatarRealmy from "$lib/assets/avatars/realmy.jpg"; + import avatarAzurejelly from "$lib/assets/avatars/azurejelly.jpg"; import { GITHUB_API_URL } from "$lib/consts"; import { addToast } from "$lib/store/ToastProvider"; - import { dev } from "$app/environment"; - import { page } from "$app/state"; + // import { dev } from "$app/environment"; + // import { page } from "$app/state"; /* interface Donator { name: string; @@ -47,6 +49,21 @@ }, ]; + const notableContribs: Contributor[] = [ + { + name: "azurejelly", + github: "https://github.com/azurejelly", + role: "Maintaining Docker & CI support", + avatar: avatarAzurejelly, + }, + { + name: "realmy", + github: "https://github.com/RealmyTheMan", + role: "Former designer & co-founder", + avatar: avatarRealmy, + } + ]; + let ghContribs: Contributor[] = []; onMount(async () => { @@ -66,13 +83,15 @@ } const allContribs = await response.json(); - // Filter out main contributors - const mainContribNames = mainContribs.map((contrib) => - contrib.github.split("/").pop(), - ); + // Filter out main and notable contributors + const excludedNames = new Set([ + ...mainContribs.map((c) => c.github.split("/").pop()), + ...notableContribs.map((c) => c.github.split("/").pop()), + ]); + const filteredContribs = allContribs.filter( (contrib: { login: string }) => - !mainContribNames.includes(contrib.login), + !excludedNames.has(contrib.login), ); // Fetch and cache avatar images as Base64 @@ -135,7 +154,7 @@
- + {#if donationsEnabled} {/if}