interactive intro to open social

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

Changed files
+8 -8
src
static
+5 -5
src/templates.rs
··· 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 - <meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server"> 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 - <meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server"> 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 - <meta property="og:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server"> 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 - <meta property="twitter:description" content="visualize your decentralized identity and see what apps have stored data in your personal data server"> 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 - <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 + <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>
+3 -3
static/onboarding.js
··· 5 5 { 6 6 target: '.identity', 7 7 title: 'this is you', 8 - description: 'your global identity and handle. your data is hosted at your personal data server (pds).', 8 + description: 'your global identity and handle. your data is hosted at your Personal Data Server (PDS).', 9 9 position: 'bottom' 10 10 }, 11 11 { 12 12 target: '.canvas', 13 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.', 14 + description: 'these apps use your global identity to write public records to your PDS. they can also read records you\'ve created.', 15 15 position: 'center' 16 16 }, 17 17 { 18 18 target: '.app-view', 19 19 title: 'explore your records', 20 - description: 'click any app to see what records it has written to your pds.', 20 + description: 'click any app to see what records it has written to your PDS.', 21 21 position: 'bottom' 22 22 } 23 23 ];