27 lines
827 B
Svelte
27 lines
827 B
Svelte
<script lang="ts">
|
|
export let image: string;
|
|
export let name: string;
|
|
export let mail: string;
|
|
export let site: string;
|
|
export let description: string;
|
|
</script>
|
|
|
|
<div
|
|
class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"
|
|
>
|
|
<div class="flex justify-end px-4 pt-4" />
|
|
<div class="flex flex-col items-center pb-10">
|
|
<div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('{image}');background-size: cover;background-position: center;" />
|
|
<h5 class="mb-1 text-xl font-medium text-white">
|
|
{name}
|
|
</h5>
|
|
<span class="text-sm text-gray-400">{description}</span>
|
|
<div class="flex mt-4 space-x-3 md:mt-6">
|
|
<a
|
|
href={site}
|
|
class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|