Remember when you made an A+ post last year and everyone clapped
bailey.tngl.io/remember-when
embed with mary's embed posts
+11
-20
+11
-20
index.html
+11
-20
index.html
···
5
5
<title>Remember When</title>
6
6
<meta name="description" content="" />
7
7
<meta name="viewport" content="width=device-width, initial-scale=1" />
8
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/dist/core.css"
9
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/themes/dim.css"
10
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/themes/dark.css"
11
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/themes/light.css"
12
+
8
13
<script
9
14
async
10
15
src="https://embed.bsky.app/static/embed.js"
···
21
26
<button type="submit">Remember</button>
22
27
</form>
23
28
24
-
<div id="postView">
25
-
<!--<blockquote
26
-
id="embed"
27
-
class="bluesky-embed"
28
-
data-bluesky-uri="at://did:plc:rnpkyqnmsw4ipey6eotbdnnf/app.bsky.feed.post/3mkdcsuagik2b"
29
-
data-bluesky-cid="bafyreiesakwblnkn3tehd7f5ou7zvs4hr46qzmfidj4i7fvraro54lqj2q"
30
-
data-bluesky-embed-color-mode="system"
31
-
32
-
</blockquote>-->
33
-
</div>
29
+
<div id="postView"></div>
34
30
</div>
35
31
36
32
<script type="module">
···
53
49
Client,
54
50
simpleFetchHandler,
55
51
} from "https://cdn.jsdelivr.net/npm/@atcute/client/+esm";
52
+
53
+
import blueskyPostEmbed from "https://cdn.jsdelivr.net/npm/bluesky-post-embed/+esm";
56
54
57
55
const handleResolver = new CompositeHandleResolver({
58
56
methods: {
···
142
140
post.value.reply == null
143
141
);
144
142
});
145
-
console.log(postsFromThatDay);
146
143
if (postsFromThatDay.length > 0) {
147
-
let blockquote = document.createElement("blockquote");
148
144
const post = postsFromThatDay[0];
149
-
blockquote.setAttribute("data-bluesky-uri", post.uri);
150
-
blockquote.setAttribute("data-bluesky-cid", post.cid);
151
-
blockquote.setAttribute(
152
-
"data-bluesky-embed-color-mode",
153
-
"system",
154
-
);
155
-
blockquote.setAttribute("class", "bluesky-embed");
145
+
let bskyPost = document.createElement("bluesky-post");
146
+
bskyPost.setAttribute("src", post.uri);
156
147
document
157
148
.getElementById("postView")
158
-
.appendChild(blockquote);
149
+
.appendChild(bskyPost);
159
150
}
160
151
} catch (e) {
161
152
console.error(e);