apricote/ein-pfeil-am-rechten-fleck.de
1
0
Fork 0
mirror of https://github.com/apricote/ein-pfeil-am-rechten-fleck.de.git synced 2026-02-08 02:37:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: simplify site & improve design, add initial character images

Browse source
This commit is contained in:
Julian Tölle 2023-03-26 19:53:54 +02:00
parent 677604ae90
commit d64bc021f2
13 changed files with 101 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/lib/hero.svelte Normal file
View file

@ -0,0 +1,20 @@
<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 items-center`}
>
<img src={image} alt={`Grafik vom Charakter ${name}`} class="w-48 rounded-full" />
<div class="p-4 text-center md:text-left {!mirrored && "md:text-right"}">
<h3 class="text-4xl mb-4 font-vinque">{name}</h3>
<p>
{description}
</p>
</div>
</div>