mirror of
https://github.com/apricote/ein-pfeil-am-rechten-fleck.de.git
synced 2026-02-07 10:17:00 +00:00
feat: add heroes
This commit is contained in:
parent
efb8af0e47
commit
b8fb535641
2 changed files with 38 additions and 6 deletions
18
src/lib/about/hero.svelte
Normal file
18
src/lib/about/hero.svelte
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue