interactive intro to open social at-me.zzstoatzz.io

fix: link "what is a PDS?" to Dan's article instead of self-hosting guide

The self-hosting guide doesn't explain what a PDS is - Dan's "A Social
Filesystem" article has a section that actually answers the question.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

+1 -1
+1 -1
src/view/visualization.js
··· 293 let html = ` 294 <button class="detail-close" id="detailClose">x</button> 295 <h3><a href="${appUrl}" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: none; border-bottom: 1px solid var(--border);">${displayName} &#8599;</a></h3> 296 - <div class="subtitle">stores records in <a href="${state.globalPds}" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">your PDS</a> <a href="https://atproto.com/guides/self-hosting" target="_blank" rel="noopener noreferrer" style="color: var(--text-lighter); font-size: 0.6rem; margin-left: 1rem; opacity: 0.7;">what is a PDS?</a></div> 297 `; 298 299 if (collections && collections.length > 0) {
··· 293 let html = ` 294 <button class="detail-close" id="detailClose">x</button> 295 <h3><a href="${appUrl}" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: none; border-bottom: 1px solid var(--border);">${displayName} &#8599;</a></h3> 296 + <div class="subtitle">stores records in <a href="${state.globalPds}" target="_blank" rel="noopener noreferrer" style="color: var(--text); text-decoration: underline;">your PDS</a> <a href="https://overreacted.io/a-social-filesystem/#up-in-the-atmosphere" target="_blank" rel="noopener noreferrer" style="color: var(--text-lighter); font-size: 0.6rem; margin-left: 1rem; opacity: 0.7;">what is a PDS?</a></div> 297 `; 298 299 if (collections && collections.length > 0) {