diff --git a/index.html b/index.html
index b13bd2c..ac81e35 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" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/dist/core.css"
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/themes/dim.css"
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/themes/dark.css"
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bluesky-post-embed/themes/light.css"
+
         <script
             async
             src="https://embed.bsky.app/static/embed.js"
@@ -21,16 +26,7 @@
                 <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 id="postView"></div>
         </div>
 
         <script type="module">
@@ -54,6 +50,8 @@
                 simpleFetchHandler,
             } from "https://cdn.jsdelivr.net/npm/@atcute/client/+esm";
 
+            import blueskyPostEmbed from "https://cdn.jsdelivr.net/npm/bluesky-post-embed/+esm";
+
             const handleResolver = new CompositeHandleResolver({
                 methods: {
                     dns: new DohJsonHandleResolver({
@@ -142,20 +140,13 @@
                             post.value.reply == null
                         );
                     });
-                    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");
+                        let bskyPost = document.createElement("bluesky-post");
+                        bskyPost.setAttribute("src", post.uri);
                         document
                             .getElementById("postView")
-                            .appendChild(blockquote);
+                            .appendChild(bskyPost);
                     }
                 } catch (e) {
                     console.error(e);