diff --git a/index.html b/index.html
index d4128b9..6ec5a97 100644
--- a/index.html
+++ b/index.html
@@ -5,25 +5,54 @@
         <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"
+        <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"
+        />
     </head>
 
     <body>
         <div>
             <form id="lookupForm">
                 <h1>Remember when?</h1>
-                <label>Atmosphere account:</label>
+                <label>Check someone else's remember when?</label>
                 <input required id="handle" />
                 <button type="submit">Remember</button>
             </form>
+            <br />
+            <button id="signInButton" type="button">Check yours</button>
 
             <div id="postView"></div>
         </div>
 
         <script type="module">
+            const production = window.location.host !== "127.0.0.1";
+            let agent = null;
+            let atClient = null;
+            let loggedInDid = null;
+            let loggedInHandle = null;
+
+            import {
+                configureOAuth,
+                createAuthorizationUrl,
+                finalizeAuthorization,
+                OAuthUserAgent,
+                getSession,
+                deleteStoredSession,
+            } from "https://cdn.jsdelivr.net/npm/@atcute/oauth-browser-client/+esm";
+
             import {
                 LocalActorResolver,
                 XrpcHandleResolver,
@@ -68,6 +97,84 @@
                 }),
             });
 
+            // ---- OAuth setup ----
+            const redirectUri =
+                window.location.origin + window.location.pathname;
+
+            const oauthScope = "atproto repo:app.bsky.feed.post?action=create";
+            let clientId;
+            if (production) {
+                clientId = `${window.location.origin}/oauth-client-metadata.json`;
+            } else {
+                clientId =
+                    `http://localhost?redirect_uri=${encodeURIComponent(redirectUri)}` +
+                    `&scope=${encodeURIComponent(oauthScope)}`;
+            }
+            configureOAuth({
+                metadata: { client_id: clientId, redirect_uri: redirectUri },
+                identityResolver: new LocalActorResolver({
+                    handleResolver,
+                    didDocumentResolver: new CompositeDidDocumentResolver({
+                        methods: {
+                            plc: new PlcDidDocumentResolver(),
+                            web: new WebDidDocumentResolver(),
+                        },
+                    }),
+                }),
+            });
+
+            // ---- OAuth callback / session resume on load ----
+            async function initAuth() {
+                // Check for OAuth callback in hash
+                if (location.hash && location.hash.length > 1) {
+                    try {
+                        const params = new URLSearchParams(
+                            location.hash.slice(1),
+                        );
+                        history.replaceState(
+                            null,
+                            "",
+                            location.pathname + location.search,
+                        );
+                        const { session } = await finalizeAuthorization(params);
+                        setAuthSession(session);
+                        console.log(`Signed in as ${loggedInDid}`, "success");
+                        return;
+                    } catch (err) {
+                        // Hash might not be OAuth params, ignore
+                        console.warn("OAuth finalize failed:", err);
+                    }
+                }
+
+                // Try to resume existing session
+                const storedDid = localStorage.getItem("atproto_did");
+                if (storedDid) {
+                    try {
+                        const session = await getSession(storedDid, {
+                            allowStale: true,
+                        });
+                        setAuthSession(session);
+                        console.log(
+                            `Session resumed for ${loggedInDid}`,
+                            "success",
+                        );
+                        //todo load in page here
+                    } catch (err) {
+                        localStorage.removeItem("atproto_did");
+                        console.warn("Session resume failed:", err);
+                    }
+                }
+            }
+
+            function setAuthSession(session) {
+                agent = new OAuthUserAgent(session);
+                atClient = new Client({ handler: agent });
+                loggedInDid = session.info.sub;
+                localStorage.setItem("atproto_did", loggedInDid);
+                // Resolve handle from DID
+                // resolveOwnHandle();
+            }
+
             async function lookupIdentifier(event) {
                 try {
                     event.preventDefault();
@@ -78,7 +185,15 @@
                     } else {
                         did = await handleResolver.resolve(identifier);
                     }
+                    await doWork(did);
+                } catch (e) {
+                    console.error(e);
+                    alert("Failed to resolve PDS endpoint: " + e.message);
+                }
+            }
 
+            async function doWork(did) {
+                try {
                     const didDoc = await didResolver.resolve(did);
                     const pds = getPdsEndpoint(didDoc); // #atproto_pds
                     await findPostsFromThatDay(did, pds);
@@ -88,6 +203,25 @@
                 }
             }
 
+            async function signIn() {
+                const handle = window.prompt(
+                    "Enter your atmosphere handle (e.g. jcsalterego.bsky.social):",
+                );
+                if (!handle) return;
+                try {
+                    const authUrl = await createAuthorizationUrl({
+                        target: { type: "account", identifier: handle.trim() },
+                        scope: oauthScope,
+                    });
+
+                    await new Promise((r) => setTimeout(r, 200));
+                    window.location.assign(authUrl);
+                } catch (err) {
+                    console.error(`Auth error: ${err.message}`, "error");
+                    console.error(err);
+                }
+            }
+
             async function findPostsFromThatDay(did, pds) {
                 try {
                     const thisDayLastYear = new Date();
@@ -141,23 +275,27 @@
                         );
                     });
 
-                    const postsWithReactions = await Promise.all(postsFromThatDay.map(async (post) => {
-                        const reactions = await getReactionCounts(post.uri);
-                        console.log(reactions)
-                        return {
-                            ...post,
-                            totalReactions: reactions.likes ,
-                        };
-                    }));
+                    const postsWithReactions = await Promise.all(
+                        postsFromThatDay.map(async (post) => {
+                            const reactions = await getReactionCounts(post.uri);
+                            console.log(reactions);
+                            return {
+                                ...post,
+                                totalReactions: reactions.likes,
+                            };
+                        }),
+                    );
 
                     if (postsWithReactions.length > 0) {
-                        const post = postsWithReactions.sort((a, b) => b.totalReactions - a.totalReactions).slice(0, 1)[0];
+                        const post = postsWithReactions
+                            .sort((a, b) => b.totalReactions - a.totalReactions)
+                            .slice(0, 1)[0];
                         let bskyPost = document.createElement("bluesky-post");
                         bskyPost.setAttribute("src", post.uri);
                         document
                             .getElementById("postView")
                             .appendChild(bskyPost);
-                    }else{
+                    } else {
                         alert("No posts found from that day :(");
                     }
                 } catch (e) {
@@ -166,43 +304,47 @@
                 }
             }
 
-            async function getReactionCounts(atUri){
-              const getLikes = await constellationClient.get(
-                "blue.microcosm.links.getBacklinkDids",
-                {
-                    params: {
-                        subject: atUri,
-                        source: "app.bsky.feed.like:subject.uri",
+            async function getReactionCounts(atUri) {
+                const getLikes = await constellationClient.get(
+                    "blue.microcosm.links.getBacklinkDids",
+                    {
+                        params: {
+                            subject: atUri,
+                            source: "app.bsky.feed.like:subject.uri",
+                        },
                     },
-                },
-              )
+                );
 
-              const likes = getLikes.data.total;
+                const likes = getLikes.data.total;
 
-              const getReposts = await constellationClient.get(
-                "blue.microcosm.links.getBacklinkDids",
-                {
-                    params: {
-                        subject: atUri,
-                        source: "app.bsky.feed.repost:subject.uri",
+                const getReposts = await constellationClient.get(
+                    "blue.microcosm.links.getBacklinkDids",
+                    {
+                        params: {
+                            subject: atUri,
+                            source: "app.bsky.feed.repost:subject.uri",
+                        },
                     },
-                },
-              )
+                );
 
-              const reposts = getReposts.data.total;
+                const reposts = getReposts.data.total;
 
-              return {
-               likes,
-               reposts,
-               total: likes + reposts,
-              };
+                return {
+                    likes,
+                    reposts,
+                    total: likes + reposts,
+                };
             }
 
-
             //Start up code on dom loaded
             document.addEventListener("DOMContentLoaded", function () {
                 const lookUpForm = document.getElementById("lookupForm");
                 lookUpForm.addEventListener("submit", lookupIdentifier);
+
+                const signInButton = document.getElementById("signInButton");
+                signInButton.addEventListener("click", signIn);
+
+                initAuth();
             });
         </script>
     </body>