zzstoatzz.io
interactive intro to open social
at-me.zzstoatzz.io
refactor: rename self-hosted to independent PDS
Not all non-Bluesky PDSes are self-hosted - some are third-party
providers like selfhosted.social. Use generic "independent PDS"
terminology instead of assuming self-hosting.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+2
-2
src/view/detail.css
+2
-2
src/view/detail.css
···
407
407
}
408
408
}
409
409
410
-
.ownership-box.self-hosted {
410
+
.ownership-box.independent-pds {
411
411
background: rgba(156, 39, 176, 0.05);
412
412
border-color: rgba(156, 39, 176, 0.3);
413
413
}
414
414
415
415
@media (prefers-color-scheme: dark) {
416
-
.ownership-box.self-hosted {
416
+
.ownership-box.independent-pds {
417
417
background: rgba(186, 104, 200, 0.08);
418
418
border-color: rgba(186, 104, 200, 0.4);
419
419
}
+11
-11
src/view/visualization.js
+11
-11
src/view/visualization.js
···
137
137
138
138
function setupIdentityClickHandler(allCollections, appCount, profile) {
139
139
const pdsHost = state.globalPds.replace('https://', '').replace('http://', '');
140
-
const isSelfHosted = !isBlueskyHostedPds(state.globalPds);
140
+
const isBlueskyPds = isBlueskyHostedPds(state.globalPds);
141
141
142
142
document.querySelector('.identity').addEventListener('click', () => {
143
143
const detail = document.getElementById('detail');
144
144
145
-
// Build the hosting status card based on whether self-hosted or Bluesky-hosted
145
+
// Build the hosting status card based on Bluesky vs independent PDS
146
146
let hostingStatusCard;
147
-
if (isSelfHosted) {
147
+
if (isBlueskyPds) {
148
148
hostingStatusCard = `
149
-
<div class="ownership-box self-hosted">
150
-
<div class="ownership-header">🛠️ self-hosted pds</div>
151
-
<div class="ownership-text">you're running your own PDS at <strong>${pdsHost}</strong> - nice! you have full control over your data and identity.</div>
152
-
<div style="margin-top: 0.5rem; font-size: 0.6rem; color: var(--text-lighter);">use <a href="https://pdsmoover.com/moover/${pdsHost}" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">pdsmoover</a> to migrate accounts to your PDS.</div>
149
+
<div class="ownership-box bluesky-hosted">
150
+
<div class="ownership-header">☁️ bluesky-hosted pds</div>
151
+
<div class="ownership-text">your data is hosted on bluesky's infrastructure. this is the default and works great! but if you want more control, you can <a href="https://atproto.com/guides/self-hosting" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline; font-weight: 500;">self-host your own PDS</a>.</div>
152
+
<div style="margin-top: 0.5rem; font-size: 0.6rem; color: var(--text-lighter);">use <a href="https://pdsmoover.com" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">pdsmoover</a> to migrate your account to an independent PDS.</div>
153
153
</div>
154
154
`;
155
155
} else {
156
156
hostingStatusCard = `
157
-
<div class="ownership-box bluesky-hosted">
158
-
<div class="ownership-header">☁️ bluesky-hosted pds</div>
159
-
<div class="ownership-text">your data is hosted on bluesky's infrastructure. this is the default and works great! but if you want more control, you can <a href="https://atproto.com/guides/self-hosting" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline; font-weight: 500;">self-host your own PDS</a>.</div>
160
-
<div style="margin-top: 0.5rem; font-size: 0.6rem; color: var(--text-lighter);">use <a href="https://pdsmoover.com" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">pdsmoover</a> to migrate your account to a self-hosted PDS.</div>
157
+
<div class="ownership-box independent-pds">
158
+
<div class="ownership-header">🌐 independent pds</div>
159
+
<div class="ownership-text">your data is hosted on <strong>${pdsHost}</strong>, independent of bluesky's infrastructure.</div>
160
+
<div style="margin-top: 0.5rem; font-size: 0.6rem; color: var(--text-lighter);">use <a href="https://pdsmoover.com/moover/${pdsHost}" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">pdsmoover</a> to migrate accounts to this PDS.</div>
161
161
</div>
162
162
`;
163
163
}