zzstoatzz.io
interactive intro to open social
at-me.zzstoatzz.io
feat: capitalize PDS and add link to official docs
- capitalize Personal Data Server (PDS) throughout
- link first mention in info modal to atproto.com/guides/overview
- update meta descriptions and onboarding text
+5
-5
src/templates.rs
+5
-5
src/templates.rs
···
12
<meta property="og:type" content="website">
13
<meta property="og:url" content="https://at-me.fly.dev/">
14
<meta property="og:title" content="@me - explore your atproto identity">
15
-
<meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">
16
<meta property="og:image" content="https://at-me.fly.dev/static/og-image.png">
17
18
<!-- Twitter -->
19
<meta property="twitter:card" content="summary_large_image">
20
<meta property="twitter:url" content="https://at-me.fly.dev/">
21
<meta property="twitter:title" content="@me - explore your atproto identity">
22
-
<meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">
23
<meta property="twitter:image" content="https://at-me.fly.dev/static/og-image.png">
24
25
<style>
···
230
<meta property="og:type" content="website">
231
<meta property="og:url" content="https://at-me.fly.dev/">
232
<meta property="og:title" content="@me - explore your atproto identity">
233
-
<meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">
234
<meta property="og:image" content="https://at-me.fly.dev/static/og-image.png">
235
236
<!-- Twitter -->
237
<meta property="twitter:card" content="summary_large_image">
238
<meta property="twitter:url" content="https://at-me.fly.dev/">
239
<meta property="twitter:title" content="@me - explore your atproto identity">
240
-
<meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server">
241
<meta property="twitter:image" content="https://at-me.fly.dev/static/og-image.png">
242
243
<style>
···
956
<div class="info-modal" id="infoModal">
957
<h2>@me - your repository</h2>
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
-
<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>
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
<button id="closeInfo">got it</button>
962
<button id="restartTour" onclick="window.restartOnboarding()" style="margin-left: 0.5rem; background: var(--surface-hover);">restart tour</button>
···
12
<meta property="og:type" content="website">
13
<meta property="og:url" content="https://at-me.fly.dev/">
14
<meta property="og:title" content="@me - explore your atproto identity">
15
+
<meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">
16
<meta property="og:image" content="https://at-me.fly.dev/static/og-image.png">
17
18
<!-- Twitter -->
19
<meta property="twitter:card" content="summary_large_image">
20
<meta property="twitter:url" content="https://at-me.fly.dev/">
21
<meta property="twitter:title" content="@me - explore your atproto identity">
22
+
<meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">
23
<meta property="twitter:image" content="https://at-me.fly.dev/static/og-image.png">
24
25
<style>
···
230
<meta property="og:type" content="website">
231
<meta property="og:url" content="https://at-me.fly.dev/">
232
<meta property="og:title" content="@me - explore your atproto identity">
233
+
<meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">
234
<meta property="og:image" content="https://at-me.fly.dev/static/og-image.png">
235
236
<!-- Twitter -->
237
<meta property="twitter:card" content="summary_large_image">
238
<meta property="twitter:url" content="https://at-me.fly.dev/">
239
<meta property="twitter:title" content="@me - explore your atproto identity">
240
+
<meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your Personal Data Server">
241
<meta property="twitter:image" content="https://at-me.fly.dev/static/og-image.png">
242
243
<style>
···
956
<div class="info-modal" id="infoModal">
957
<h2>@me - your repository</h2>
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
+
<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
<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
<button id="closeInfo">got it</button>
962
<button id="restartTour" onclick="window.restartOnboarding()" style="margin-left: 0.5rem; background: var(--surface-hover);">restart tour</button>
+3
-3
static/onboarding.js
+3
-3
static/onboarding.js
···
5
{
6
target: '.identity',
7
title: 'this is you',
8
-
description: 'your global identity and handle. your data is hosted at your personal data server (pds).',
9
position: 'bottom'
10
},
11
{
12
target: '.canvas',
13
title: 'third-party applications',
14
-
description: 'these apps use your global identity to write public records to your pds. they can also read records you\'ve created.',
15
position: 'center'
16
},
17
{
18
target: '.app-view',
19
title: 'explore your records',
20
-
description: 'click any app to see what records it has written to your pds.',
21
position: 'bottom'
22
}
23
];
···
5
{
6
target: '.identity',
7
title: 'this is you',
8
+
description: 'your global identity and handle. your data is hosted at your Personal Data Server (PDS).',
9
position: 'bottom'
10
},
11
{
12
target: '.canvas',
13
title: 'third-party applications',
14
+
description: 'these apps use your global identity to write public records to your PDS. they can also read records you\'ve created.',
15
position: 'center'
16
},
17
{
18
target: '.app-view',
19
title: 'explore your records',
20
+
description: 'click any app to see what records it has written to your PDS.',
21
position: 'bottom'
22
}
23
];