m0e.space/src/lib/components/Project.svelte

19 lines
598 B
Svelte

<script ctx="module" lang="ts">
import { marked } from 'marked';
export let name: string;
export let description: string;
export let url: string;
description = marked(description.replaceAll('\n', '\n\n'));
</script>
<div class="flex flex-row gap-4 items-center p-4 border-b-2 border-b-accent/40 last:border-b-0">
<div class="grow flex flex-col">
<a class="text-accent font-title text-xl" href={url}>{name}</a>
<div
class="prose prose-sm prose-strong:font-bold prose-strong:text-text/90 prose-p:text-text/70 text-md break-words mt-1"
>
{@html description}
</div>
</div>
</div>