Diffdown is a real-time collaborative Markdown editor/previewer built on the AT Protocol diffdown.com

Style and About page tweaks

+10 -7
+6 -2
static/css/style.css
··· 86 86 margin-left: 1rem; 87 87 } 88 88 89 + p { 90 + margin-bottom: 1rem; 91 + line-height: 1.4; 92 + } 89 93 90 94 /* Navbar */ 91 95 .navbar { ··· 166 170 border-radius: var(--radius); 167 171 margin-bottom: 1rem; 168 172 } 169 - Th 173 + 170 174 .alert-error { 171 175 background: var(--alert-error-bg); 172 176 color: var(--danger); ··· 230 234 } 231 235 232 236 .landing h1, .about-page h1 { font-size: 2.5rem; margin-bottom: 1.25rem; } 233 - .landing p, .about-page p { font-size: 1.1rem; font-weight: 400; margin-bottom: 1.25rem; } 237 + .landing p, .about-page p { font-weight: 400; margin-bottom: 1.25rem; } 234 238 .landing-actions { display: flex; gap: 1rem; justify-content: center; } 235 239 236 240 .landing-header, .about-header {
+4 -5
templates/about.html
··· 7 7 <section class="about-content"> 8 8 <div class="about-col"> 9 9 <h2>What is This?</h2> 10 - <p>Diffdown is a real-time collaborative Markdown editor/previewer built on the <a href="https://atproto.com/">AT Protocol</a> (the tech that powers <a href="https://bsky.app">Bluesky</a>). 11 - <p>Diffdown is decentralized; it stores documents as AT Protocol records on the document creator's PDS, not on the Diffdown server or some cloud provider.</p> 12 - <p>I built Diffdown to learn <a href="https://atproto.com/">AT Protocol</a>, <a href="https://atproto.com/guides/lexicon">lexicons</a>, and <a href="https://www.ibm.com/think/topics/agentic-engineering">agentic engineering</a>. Consider it a "pre-alpha" prototype. Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), <strong>any documents you create will be visible to anyone with the URL</strong> (<a href="https://atproto.at/viewer?uri=did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mgzsp6m5hs24">example</a>).</p> 10 + <p>Diffdown is a real-time collaborative Markdown editor/previewer built on <a href="https://atproto.com/">AT Protocol</a> (the tech that powers <a href="https://bsky.app">Bluesky</a>). 11 + <p>Diffdown is decentralized; it stores documents as AT Protocol records on the document creator's <a href="https://atproto.wiki/en/wiki/reference/core-architecture/pds">PDS</a>, not on the Diffdown server or a cloud provider.</p> 13 12 <h2>About Me</h2> 14 13 <p>I've worked in tech for a long time as a product manager and executive. These days, I'm a co-founder of <a href="https://limeleaf.coop">Limeleaf Worker Collective</a>, and an advisor to a few startups. Read about my journey building Diffdown <a href="https://www.jluther.net/tags/nonfiction/">on my Leaflet</a>.</p> 15 14 </div> ··· 24 23 </ul> 25 24 <h2>Status</h2> 26 25 <p>This is a prototype. Use at your own risk.</p> 27 - <p><strong class="warning">Important:</strong> Because AT Proto does not support private data (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), any documents you create will be visible to anyone with the URL.</p> 26 + <p><strong class="warning">Important:</strong> Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), <strong>any documents you create will be visible to anyone with the URL</strong> (<a href="https://atproto.at/viewer?uri=did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mgzsp6m5hs24">for example</a>).</p> 28 27 <p>Expect bugs, breaking changes, and limited features.</p> 29 28 <p>However, any documents you create will be stored in your AT Proto account, so even if Diffdown goes away, you will still have your documents.</p> 30 29 <h2>Contact</h2> 31 - <p>Feedback, bug reports, and feature requests are welcome. Reach out via Bluesky or check the <a href="https://github.com/limeleaf/diffdown">GitHub repository</a>.</p> 30 + <p>Feedback is welcome! Create an issue in the <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Diffdown Tangled repository</a>.</p> 32 31 </div> 33 32 </section> 34 33 </div>