Something went wrong. Try again.
A community-maintained directory of Bluesky Personal Data Servers (PDS). forked from danielmorrisey.com/pdslist
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181* { margin: 0; padding: 0; box-sizing: border-box;}
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5; color: #333; line-height: 1.6;}
.container { max-width: 1200px; margin: 0 auto; padding: 20px;}
header { background-color: white; padding: 30px 0; margin-bottom: 30px; border-bottom: 2px solid #e0e0e0;}
h1 { font-size: 32px; margin-bottom: 10px;}
.subtitle { color: #666; font-size: 16px; margin-bottom: 20px;}
.header-links { display: flex; gap: 15px;}
.header-link { color: #0066cc; text-decoration: none; font-size: 14px;}
.header-link:hover { text-decoration: underline;}
.loading { text-align: center; padding: 40px;}
.spinner { border: 4px solid #e0e0e0; border-top: 4px solid #0066cc; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 20px;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.content { background-color: white; padding: 20px; border-radius: 4px;}
.content.hidden,.no-data.hidden,#loading.hidden { display: none;}
.stats { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;}
.stat-item { font-size: 16px;}
.stat-item strong { font-weight: 600;}
.pds-table { width: 100%; border-collapse: collapse; margin-top: 20px;}
.pds-table thead { background-color: #f9f9f9; border-bottom: 2px solid #e0e0e0;}
.pds-table th { text-align: left; padding: 15px; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #666;}
.pds-table td { padding: 12px 15px; border-bottom: 1px solid #e0e0e0; font-size: 14px; vertical-align: top;}
.pds-table tbody tr:hover { background-color: #f9f9f9;}
.pds-table a { color: #0066cc; text-decoration: none; word-break: break-all;}
.pds-table a:hover { text-decoration: underline;}
.handles-container { display: flex; flex-wrap: wrap; gap: 6px;}
.handle-tag { background-color: #e8f0ff; color: #0066cc; padding: 4px 8px; border-radius: 3px; font-size: 12px; white-space: nowrap; border: 1px solid #cce0ff;}
.link-button { display: inline-block; background-color: #0066cc; color: white; padding: 6px 12px; border-radius: 3px; font-size: 12px; text-decoration: none; transition: background-color 0.2s;}
.link-button:hover { background-color: #0052a3; text-decoration: none;}
.no-data { text-align: center; padding: 40px; color: #999;}
.hidden { display: none;}