Remember when you made an A+ post last year and everyone clapped bailey.tngl.io/remember-when
2
fork

Configure Feed

Select the types of activity you want to include in your feed.

embed with mary's embed posts

+11 -20
+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);