website/src/routes/team/+page.svelte
2023-01-25 19:11:11 +02:00

42 lines
1.1 KiB
Svelte

<script lang="ts">
import type { PageData } from "./$types";
import Team from "./Team.json";
export let data: PageData;
</script>
<h1>{data.title}</h1>
<div class="flex flex-row flex-wrap gap-4">
{#each Team as member}
<div class="flex flex-col gap-4 rounded bg-secondary p-4 w-110 no-underline text-text">
<div class="flex flex-col gap-2 flex-1">
<span class="text-2xl">{member.name} - {member.position}</span>
{#if member.description}
<p>{member.description}</p>
{/if}
</div>
<div class="children:text-text flex flex-row gap-4 text-lg">
{#if member.website}
<a href={member.website}><div class="i-ic:outline-language" /></a>
{/if}
{#if member.matrix}
<a href={member.matrix}><div class="i-simple-icons:matrix" /></a>
{/if}
{#if member.git}
<a href={member.git}><div class="i-simple-icons:git" /></a>
{/if}
{#if member.email}
<a href="mailto:{member.email}"><div class="i-ic:outline-email" /></a>
{/if}
{#if member.pgp}
<a href={member.pgp}><div class="i-ic:outline-vpn-key" /></a>
{/if}
</div>
</div>
{/each}
</div>