your personal website on atproto - mirror
blento.app
wtf is going on here?
+4
-4
+1
-1
src/lib/Profile.svelte
+1
-1
src/lib/Profile.svelte
···
24
24
<Head
25
25
favicon={'https://cdn.bsky.app/img/avatar/plain/' + did + '/' + profileData?.avatar.ref.$link}
26
26
title={profileData?.displayName || handle}
27
-
image={'https://blento.app/' + handle + '/og.png'}
27
+
image={'/' + handle + '/og.png'}
28
28
/>
29
29
30
30
<!-- lg:fixed lg:h-screen lg:w-1/4 lg:max-w-none lg:px-12 lg:pt-24 xl:w-1/3 -->
+3
-3
src/routes/[handle]/og.png/+server.ts
+3
-3
src/routes/[handle]/og.png/+server.ts
···
14
14
15
15
const htmlString = `
16
16
<div tw="flex flex-col justify-center p-8 w-full h-full bg-neutral-900">
17
-
<div tw="flex items-center mb-8">
17
+
<div tw="flex items-center mb-8">
18
18
<img src="${image}" width="128" height="128" tw="rounded-full" />
19
19
20
-
<h1 tw="text-neutral-50 text-7xl ml-4">${handle}</h1>
20
+
<h1 tw="text-neutral-50 text-7xl ml-4">${handle}</h1>
21
21
</div>
22
+
22
23
<p tw="mt-8 text-4xl text-neutral-300">Welcome to my blento</p>
23
-
24
24
25
25
<div tw="w-20 h-20 rounded-xl bg-rose-700 text-transparent absolute top-50 right-20">h</div>
26
26
<div tw="w-20 h-40 rounded-xl bg-rose-400 text-transparent absolute top-74 right-20">h</div>
