mirror of
https://github.com/apricote/ein-pfeil-am-rechten-fleck.de.git
synced 2026-01-13 13:01:02 +00:00
29 lines
612 B
Svelte
29 lines
612 B
Svelte
<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 my-12 items-center`}
|
|
>
|
|
<img
|
|
srcset={image}
|
|
width="192"
|
|
height="192"
|
|
alt={`Grafik vom Charakter ${name}`}
|
|
class="w-48 rounded-full object-cover"
|
|
loading="lazy"
|
|
/>
|
|
|
|
<div class="p-4 md:text-left {!mirrored && 'md:text-right'}">
|
|
<h3 class="text-4xl mb-4 font-vinque">{name}</h3>
|
|
|
|
<p>
|
|
{description}
|
|
</p>
|
|
</div>
|
|
</div>
|