diff --git a/embed.js b/embed.js
new file mode 100644
index 0000000..01c94fd
--- /dev/null
+++ b/embed.js
@@ -0,0 +1,86 @@
+"use strict";
+var EMBED_URL = "https://embed.bsky.app";
+window.bluesky = window.bluesky || {
+  scan: scan,
+};
+/**
+ * Listen for messages from the Bluesky embed iframe and adjust the height of
+ * the iframe accordingly.
+ */
+window.addEventListener("message", function (event) {
+  if (event.origin !== EMBED_URL) {
+    return;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  var id = event.data.id;
+  if (!id) {
+    return;
+  }
+  var embed = document.querySelector('[data-bluesky-id="'.concat(id, '"]'));
+  if (!embed) {
+    return;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  var height = event.data.height;
+  if (height) {
+    embed.style.height = "".concat(height, "px");
+  }
+});
+/**
+ * Scan the document for all elements with the data-bluesky-aturi attribute,
+ * and initialize them as Bluesky embeds.
+ *
+ * @param element Only scan this specific element @default document @optional
+ * @returns
+ */
+function scan(node) {
+  if (node === void 0) {
+    node = document;
+  }
+  var embeds = node.querySelectorAll("[data-bluesky-uri]");
+  for (var i = 0; i < embeds.length; i++) {
+    var id = String(Math.random()).slice(2);
+    var embed = embeds[i];
+    var aturi = embed.getAttribute("data-bluesky-uri");
+    if (!aturi) {
+      continue;
+    }
+    var ref_url = location.origin + location.pathname;
+    var searchParams = new URLSearchParams();
+    searchParams.set("id", id);
+    if (ref_url.startsWith("http")) {
+      searchParams.set("ref_url", encodeURIComponent(ref_url));
+    }
+    if (embed.dataset.blueskyEmbedColorMode) {
+      searchParams.set("colorMode", embed.dataset.blueskyEmbedColorMode);
+    }
+    var iframe = document.createElement("iframe");
+    iframe.setAttribute("data-bluesky-id", id);
+    iframe.src = ""
+      .concat(EMBED_URL, "/embed/")
+      .concat(aturi.slice("at://".length), "?")
+      .concat(searchParams.toString());
+    iframe.width = "100%";
+    iframe.style.border = "none";
+    iframe.style.display = "block";
+    iframe.style.flexGrow = "1";
+    iframe.frameBorder = "0";
+    iframe.scrolling = "no";
+    var container = document.createElement("div");
+    container.style.maxWidth = "600px";
+    container.style.width = "100%";
+    container.style.marginTop = "10px";
+    container.style.marginBottom = "10px";
+    container.style.display = "flex";
+    container.className = "bluesky-embed";
+    container.appendChild(iframe);
+    embed.replaceWith(container);
+  }
+}
+if (["interactive", "complete"].indexOf(document.readyState) !== -1) {
+  scan();
+} else {
+  document.addEventListener("DOMContentLoaded", function () {
+    return scan();
+  });
+}
diff --git a/index.html b/index.html
index 64e9200..b13bd2c 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,11 @@
         <title>Remember When</title>
         <meta name="description" content="" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script
+            async
+            src="https://embed.bsky.app/static/embed.js"
+            charset="utf-8"
+        ></script>
     </head>
 
     <body>
@@ -15,6 +20,17 @@
                 <input required id="handle" />
                 <button type="submit">Remember</button>
             </form>
+
+            <div id="postView">
+                <!--<blockquote
+                    id="embed"
+                    class="bluesky-embed"
+                    data-bluesky-uri="at://did:plc:rnpkyqnmsw4ipey6eotbdnnf/app.bsky.feed.post/3mkdcsuagik2b"
+                    data-bluesky-cid="bafyreiesakwblnkn3tehd7f5ou7zvs4hr46qzmfidj4i7fvraro54lqj2q"
+                    data-bluesky-embed-color-mode="system"
+
+                </blockquote>-->
+            </div>
         </div>
 
         <script type="module">
@@ -127,6 +143,20 @@
                         );
                     });
                     console.log(postsFromThatDay);
+                    if (postsFromThatDay.length > 0) {
+                        let blockquote = document.createElement("blockquote");
+                        const post = postsFromThatDay[0];
+                        blockquote.setAttribute("data-bluesky-uri", post.uri);
+                        blockquote.setAttribute("data-bluesky-cid", post.cid);
+                        blockquote.setAttribute(
+                            "data-bluesky-embed-color-mode",
+                            "system",
+                        );
+                        blockquote.setAttribute("class", "bluesky-embed");
+                        document
+                            .getElementById("postView")
+                            .appendChild(blockquote);
+                    }
                 } catch (e) {
                     console.error(e);
                     alert("Failed to find posts from that day: " + e.message);