flo-bit.dev
your personal website on atproto - mirror
blento.app
1<script lang="ts">
2 import { createEmptyCard } from '$lib/helper.js';
3 import Website from '$lib/website/Website.svelte';
4
5 let { data } = $props();
6</script>
7
8<Website
9 data={{
10 ...data,
11 cards: data.profiles.map((v, i) => {
12 const card = createEmptyCard('');
13 card.cardType = 'blueskyProfile';
14 card.cardData = {
15 avatar: v.avatar,
16 handle: v.handle,
17 displayName: v.displayName
18 };
19
20 card.x = (i % 4) * 2;
21 card.y = Math.floor(i / 4) * 2;
22
23 card.mobileX = (i % 2) * 4;
24 card.mobileY = Math.floor(i / 2) * 4;
25
26 return card;
27 })
28 }}
29/>