Files
revanced-website/src/routes/credits/+page.svelte
2022-10-20 18:52:52 -04:00

37 lines
854 B
Svelte

<script lang="ts">
import ContributorHost from '$lib/components/molecules/ContributorHost.svelte';
import ContributorsStore from '../../lib/stores/ContributorsStore.js';
import Footer from '$lib/components/atoms/Footer.svelte';
import { onMount } from 'svelte';
import { fly } from 'svelte/transition';
import { quintOut } from 'svelte/easing';
let data;
onMount(() => {
ContributorsStore.subscribe(async (e) => {
data = await e;
});
});
</script>
<div class="wrapper contrib-grid">
{#if data}
{#each data.repositories as { contributors, name }}
<div in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
<ContributorHost contribs={contributors} repo={name} />
</div>
{/each}
{/if}
</div>
<style>
.contrib-grid {
display: flex;
flex-direction: column;
gap: 3rem;
margin-bottom: 3rem;
}
</style>
<Footer />