webcompile/src/routes/team/+page.svelte
2023-02-03 19:55:33 +02:00

52 lines
1.2 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>