feat: cross-link PDS page and Atmosphere docs

Author: danielroe

app/pages/pds.vue

@@ -122,6 +122,15 @@ const totalAccounts = computed(() => pdsUsers.value.length)
               </span>
             </li>
           </ul>
+          <div class="mt-6">
+            <LinkBase
+              to="https://docs.npmx.dev/integrations/atmosphere"
+              class="gap-2 text-sm text-fg-muted hover:text-fg"
+            >
+              <span class="i-lucide:book-open w-4 h-4" aria-hidden="true" />
+              {{ $t('pds.server.learn_more') }}
+            </LinkBase>
+          </div>
         </div>
         <div aria-labelledby="community-heading">
           <h2 id="community-heading" class="text-lg text-fg uppercase tracking-wider mb-4">
@@ -130,10 +139,7 @@ const totalAccounts = computed(() => pdsUsers.value.length)
           <p class="text-fg-muted leading-relaxed mb-2">
             {{ $t('pds.community.description') }}
           </p>
-          <p
-            v-if="pdsStatus === 'success' && totalAccounts > 0"
-            class="text-fg font-medium mb-6"
-          >
+          <p v-if="pdsStatus === 'success' && totalAccounts > 0" class="text-fg font-medium mb-6">
             {{ $t('pds.community.account_count', { count: totalAccounts }) }}
           </p>
           <div v-else class="mb-6" />
@@ -151,11 +157,7 @@ const totalAccounts = computed(() => pdsUsers.value.length)
             <ul
               class="grid grid-cols-[repeat(auto-fill,48px)] justify-center gap-2 list-none px-8 py-2"
             >
-              <li
-                v-for="user in usersWithAvatars"
-                :key="user.handle"
-                class="block group relative"
-              >
+              <li v-for="user in usersWithAvatars" :key="user.handle" class="block group relative">
                 <a
                   :href="`https://bsky.app/profile/${user.handle}`"
                   target="_blank"
@@ -187,7 +189,9 @@ const totalAccounts = computed(() => pdsUsers.value.length)
               class="flex items-center justify-center gap-2 mt-4 text-fg-muted text-sm"
             >
               <AppMark class="w-5 h-auto" />
-              <span>{{ $t('pds.community.new_accounts', { count: usersWithoutAvatars.length }) }}</span>
+              <span>{{
+                $t('pds.community.new_accounts', { count: usersWithoutAvatars.length })
+              }}</span>
             </div>
           </div>
         </div>

docs/content/4.integrations/1.atmosphere.md

@@ -41,7 +41,7 @@ Your PDS is your home on the network – it hosts your account, stores your
 
 Want to migrate to npmx's self-hosted PDS? The easiest way is [PDS MOOver](https://pdsmoover.com/moover/npmx.social), built by [@baileytownsend.dev](https://bsky.app/profile/baileytownsend.dev). If you need help, hop into our [Discord](https://chat.npmx.dev) and check out the `#pds` channel.
 
-See the [atproto PDS docs](https://atproto.com/guides/the-at-stack#pds) for more.
+See who's already on npmx.social on the [PDS community page](https://npmx.dev/pds). For the protocol details, see the [atproto PDS docs](https://atproto.com/guides/the-at-stack#pds).
 
 ### OAuth
 

i18n/locales/en.json

@@ -1178,7 +1178,8 @@
       "infrastructure_label": "Infrastructure:",
       "infrastructure_value": "Hosted on Hetzner",
       "privacy_label": "Privacy:",
-      "privacy_value": "Subject to strict EU Data Protection laws"
+      "privacy_value": "Subject to strict EU Data Protection laws",
+      "learn_more": "Learn how npmx uses the Atmosphere"
     },
     "community": {
       "title": "Who is here",

i18n/schema.json

@@ -3540,6 +3540,9 @@
             },
             "privacy_value": {
               "type": "string"
+            },
+            "learn_more": {
+              "type": "string"
             }
           },
           "additionalProperties": false