feat: add heroes

This commit is contained in:
Julian Tölle 2021-06-27 19:49:50 +02:00
parent efb8af0e47
commit b8fb535641
2 changed files with 38 additions and 6 deletions

18
src/lib/about/hero.svelte Normal file
View file

@ -0,0 +1,18 @@
<script lang="ts">
export let name: string;
export let description: string;
export let image: string;
export let mirrored: boolean = false;
</script>
<div class={`flex flex-col md:flex-row ${mirrored && "md:flex-row-reverse"} m-8`}>
<img src={image} alt={`Grafik vom Charakter ${name}`} class="p-4" />
<div>
<h3 class="text-xl pb-4">{name}</h3>
<p>
{description}
</p>
</div>
</div>