20 lines
568 B
Svelte
20 lines
568 B
Svelte
<script lang="ts">
|
|
import Link from "./Link.svelte";
|
|
|
|
export let name: string;
|
|
export let description: string;
|
|
export let link: string;
|
|
</script>
|
|
|
|
<article
|
|
class="w-full flex flex-row p-4 items-center justify-between border-t-2 border-white border-opacity-10 gap-2 -mt-8"
|
|
>
|
|
<div class="flex flex-col gap-2 pl-4 -mb-2">
|
|
<h1 class="text-white font-sans text-2xl mt-1">{name}</h1>
|
|
{#each description.split('\n') as partDescription}
|
|
<p class="text-gray-500 font-sans text-xl break-words">{partDescription}</p>
|
|
{/each}
|
|
</div>
|
|
<Link url={link} />
|
|
</article>
|