more accessible #7

···

       
12
       
12
       
 
       
    <meta property="og:type" content="website">

     

       
13
       
13
       
 
       
    <meta property="og:url" content="https://at-me.fly.dev/">

     

       
14
       
14
       
 
       
    <meta property="og:title" content="@me - explore your atproto identity">

     

       
15
       
15
       
-
       
    <meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">

     

       
15
       
15
       
+
       
    <meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">

     

       
16
       
16
       
 
       
    <meta property="og:image" content="https://at-me.fly.dev/static/og-image.png">

     

       
17
       
17
       
 
       


     

       
18
       
18
       
 
       
    <!-- Twitter -->

     

       
19
       
19
       
 
       
    <meta property="twitter:card" content="summary_large_image">

     

       
20
       
20
       
 
       
    <meta property="twitter:url" content="https://at-me.fly.dev/">

     

       
21
       
21
       
 
       
    <meta property="twitter:title" content="@me - explore your atproto identity">

     

       
22
       
22
       
-
       
    <meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">

     

       
22
       
22
       
+
       
    <meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">

     

       
23
       
23
       
 
       
    <meta property="twitter:image" content="https://at-me.fly.dev/static/og-image.png">

     

       
24
       
24
       
 
       


     

       
25
       
25
       
 
       
    <style>

     
···

       
230
       
230
       
 
       
    <meta property="og:type" content="website">

     

       
231
       
231
       
 
       
    <meta property="og:url" content="https://at-me.fly.dev/">

     

       
232
       
232
       
 
       
    <meta property="og:title" content="@me - explore your atproto identity">

     

       
233
       
233
       
-
       
    <meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">

     

       
233
       
233
       
+
       
    <meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">

     

       
234
       
234
       
 
       
    <meta property="og:image" content="https://at-me.fly.dev/static/og-image.png">

     

       
235
       
235
       
 
       


     

       
236
       
236
       
 
       
    <!-- Twitter -->

     

       
237
       
237
       
 
       
    <meta property="twitter:card" content="summary_large_image">

     

       
238
       
238
       
 
       
    <meta property="twitter:url" content="https://at-me.fly.dev/">

     

       
239
       
239
       
 
       
    <meta property="twitter:title" content="@me - explore your atproto identity">

     

       
240
       
240
       
-
       
    <meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">

     

       
240
       
240
       
+
       
    <meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">

     

       
241
       
241
       
 
       
    <meta property="twitter:image" content="https://at-me.fly.dev/static/og-image.png">

     

       
242
       
242
       
 
       


     

       
243
       
243
       
 
       
    <style>

     
···

       
956
       
956
       
 
       
    <div class="info-modal" id="infoModal">

     

       
957
       
957
       
 
       
        <h2>@me - your repository</h2>

     

       
958
       
958
       
 
       
        <p>on traditional social platforms, your content is locked in. want to switch? you start from zero. you build their network, they control the distribution.</p>

     

       
959
       
959
       
-
       
        <p>on atproto, you own everything. your data lives in your personal server. apps like bluesky, whitewind, and frontpage just write to YOUR space. switch apps anytime, take it all with you.</p>

     

       
959
       
959
       
+
       
        <p>on atproto, you own everything. your data lives in your <a href="https://atproto.com/guides/overview" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">Personal Data Server (PDS)</a>. apps like bluesky, whitewind, and frontpage just write to YOUR space. switch apps anytime, take it all with you.</p>

     

       
960
       
960
       
 
       
        <p>click your @ in the center to see what you've built. click any app to see what it's stored in your repository.</p>

     

       
961
       
961
       
 
       
        <button id="closeInfo">got it</button>

     

       
962
       
962
       
 
       
        <button id="restartTour" onclick="window.restartOnboarding()" style="margin-left: 0.5rem; background: var(--surface-hover);">restart tour</button>