static, scriptless homepage for my pds (pds.jeanmachine.dev)
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

small update; removed scripts & added attribution.

+18 -24
+3 -16
index.css
··· 54 54 margin: 0; 55 55 } 56 56 57 - .stats { 58 - font-size: 12px; 59 - color: var(--subtext); 60 - margin: 0.5rem 0 1rem; 61 - } 62 - 63 - .stats-value { 64 - color: var(--accent); 65 - } 66 - 67 - .stats-sep { 68 - margin: 0 0.5ch; 69 - } 70 - 71 57 .body-text { 72 58 color: var(--text); 73 59 opacity: 0.9; ··· 85 71 86 72 .link-label { 87 73 color: var(--subtext); 74 + font-style: italic; 88 75 min-width: 11ch; 89 76 text-align: right; 90 77 padding-right: 1ch; 91 78 flex-shrink: 0; 92 79 } 93 80 94 - .link-row a { 81 + a { 95 82 color: var(--accent); 96 83 text-decoration: none; 97 84 transition: text-shadow 0.2s; 98 85 } 99 86 100 - .link-row a:hover { 87 + a:hover { 101 88 text-decoration: underline; 102 89 }
+15 -8
index.html
··· 51 51 <span class="link-label">Protocol:</span> 52 52 <a href="https://atproto.com">https://atproto.com</a> 53 53 </div> 54 + <div class="link-row"> 55 + <span class="link-label">Browse:</span> 56 + <a href="https://pds.ls/pds.jeanmachine.dev" 57 + >https://pds.ls/pds.jeanmachine.dev</a 58 + > 59 + </div> 54 60 </div> 55 61 56 - <script> 57 - window.pdsStats.then(({ repos, records }) => { 58 - document.getElementById("stat-repos").textContent = 59 - repos.toLocaleString(); 60 - document.getElementById("stat-records").textContent = 61 - records.toLocaleString(); 62 - }); 63 - </script> 62 + <div class="body-text"> 63 + <p style="font-style: italic"> 64 + Run by 65 + <a 66 + href="https://bsky.app/profile/did:plc:6vxtya3serxcwvcdk5e7psvv" 67 + >@jeanmachine.dev</a 68 + >. 69 + </p> 70 + </div> 64 71 </body> 65 72 </html>