Personal Site
Show the handle, displayname, avatar, and text contents of the bluesky posts.
+27
+27
src/components/home/feeds/BskyPost.astro
+27
src/components/home/feeds/BskyPost.astro
···
213
213
}
214
214
})();
215
215
---
216
+
217
+
<div class="post">
218
+
{
219
+
author.avatar && (
220
+
<img
221
+
src={author.avatar}
222
+
style="float: left; height: 2em; padding: 5px;"
223
+
/>
224
+
)
225
+
}
226
+
{author.displayName ? author.displayName : null}<pre>@{author.handle}</pre>
227
+
<div
228
+
class="post-text"
229
+
style="clear:both;"
230
+
set:text={post.text.replace(/^\s*/g, "").replace(/\s*$/, "")}
231
+
/>
232
+
</div>
233
+
234
+
<style>
235
+
.post {
236
+
border: 1px solid red;
237
+
}
238
+
239
+
.post-text {
240
+
white-space: pre-wrap;
241
+
}
242
+
</style>