Write on the margins of the internet. Powered by the AT Protocol. margin.at
extension web atproto comments
at main 152 lines 9.2 kB view raw
1--- 2import BaseLayout from '../layouts/BaseLayout.astro'; 3--- 4 5<BaseLayout title="Privacy Policy - Margin" description="Margin Privacy Policy"> 6 <div class="max-w-3xl mx-auto py-12 px-4"> 7 <a href="/home" class="inline-flex items-center gap-2 text-sm font-medium text-surface-500 hover:text-surface-900 dark:hover:text-white transition-colors mb-8"> 8 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg> 9 <span>Home</span> 10 </a> 11 12 <div class="prose prose-surface dark:prose-invert max-w-none"> 13 <h1 class="font-display font-bold text-3xl mb-2 text-surface-900 dark:text-white">Privacy Policy</h1> 14 <p class="text-surface-500 dark:text-surface-400 mb-8">Last updated: March 4, 2026</p> 15 16 <section class="mb-8"> 17 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Overview</h2> 18 <p class="text-surface-700 dark:text-surface-300 leading-relaxed"> 19 Margin ("we", "our", or "us") is a web annotation tool that lets you highlight, annotate, and bookmark any webpage. Your data is stored on the decentralized AT Protocol network, giving you ownership and control over your content. 20 </p> 21 </section> 22 23 <section class="mb-8"> 24 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Data We Collect</h2> 25 <h3 class="text-lg font-semibold text-surface-900 dark:text-white mb-2">Account Information</h3> 26 <p class="text-surface-700 dark:text-surface-300 mb-4"> 27 When you log in with your Bluesky/AT Protocol account, we access your: 28 </p> 29 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 30 <li>Decentralized Identifier (DID)</li> 31 <li>Handle (username)</li> 32 <li>Display name and avatar (for showing your profile)</li> 33 </ul> 34 35 <h3 class="text-lg font-semibold text-surface-900 dark:text-white mb-2">Annotations & Content</h3> 36 <p class="text-surface-700 dark:text-surface-300 mb-4">When you use Margin, we store:</p> 37 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 38 <li>URLs of pages you annotate</li> 39 <li>Text you highlight or select</li> 40 <li>Annotations and comments you create</li> 41 <li>Bookmarks you save</li> 42 <li>Collections you organize content into</li> 43 </ul> 44 45 <h3 class="text-lg font-semibold text-surface-900 dark:text-white mb-2">Discover & Recommendations</h3> 46 <p class="text-surface-700 dark:text-surface-300 mb-4"> 47 To power the Discover page and personalized recommendations, we generate mathematical representations (embeddings) of: 48 </p> 49 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 50 <li>Your annotations, highlights, and their associated tags</li> 51 <li>Publicly published documents from the AT Protocol network</li> 52 </ul> 53 <p class="text-surface-700 dark:text-surface-300 mb-4"> 54 These embeddings are used to build an interest profile that helps us suggest relevant content. Your interest profile is stored on our server and is not shared with other users. 55 </p> 56 57 <h3 class="text-lg font-semibold text-surface-900 dark:text-white mb-2">Authentication</h3> 58 <p class="text-surface-700 dark:text-surface-300 mb-4"> 59 We store OAuth session tokens locally in your browser to keep you logged in. These tokens are used solely for authenticating API requests. 60 </p> 61 </section> 62 63 <section class="mb-8"> 64 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">How We Use Your Data</h2> 65 <p class="text-surface-700 dark:text-surface-300 mb-4">Your data is used exclusively to:</p> 66 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 67 <li>Display your annotations on webpages</li> 68 <li>Sync your content across devices</li> 69 <li>Show your public annotations to other users</li> 70 <li>Enable social features like replies and likes</li> 71 <li>Generate personalized content recommendations on the Discover page</li> 72 </ul> 73 74 <h3 class="text-lg font-semibold text-surface-900 dark:text-white mb-2">Third-Party Services</h3> 75 <p class="text-surface-700 dark:text-surface-300 mb-4"> 76 We use <strong>OpenAI</strong> to generate text embeddings for powering recommendations. When generating embeddings, the text content of your annotations and public documents is sent to OpenAI's API. OpenAI processes this data according to their <a href="https://openai.com/policies/api-data-usage-policies" class="text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 hover:underline" target="_blank" rel="noopener noreferrer">API data usage policy</a>, which states that API inputs are not used to train their models. No other third-party services receive your data. 77 </p> 78 </section> 79 80 <section class="mb-8"> 81 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Data Storage</h2> 82 <p class="text-surface-700 dark:text-surface-300 mb-4"> 83 Your annotations are stored on the AT Protocol network through your Personal Data Server (PDS). This means: 84 </p> 85 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 86 <li>You own your data</li> 87 <li>You can export or delete it at any time</li> 88 <li>Your data is portable across AT Protocol services</li> 89 </ul> 90 <p class="text-surface-700 dark:text-surface-300 mb-4"> 91 We also maintain a local index of annotations to provide faster search and discovery features. 92 </p> 93 94 <h3 class="text-lg font-semibold text-surface-900 dark:text-white mb-2">Margin PDS (margin.cafe)</h3> 95 <p class="text-surface-700 dark:text-surface-300 mb-4"> 96 We operate a Personal Data Server at <strong>margin.cafe</strong>. If you create an account on this PDS, we additionally store: 97 </p> 98 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 99 <li>Your account credentials (password hashed, never stored in plain text)</li> 100 <li>Your email address (for account recovery)</li> 101 <li>All AT Protocol data repositories you create on this server</li> 102 </ul> 103 <p class="text-surface-700 dark:text-surface-300"> 104 You can migrate your account and data to a different PDS at any time using standard AT Protocol account migration. Using the margin.cafe PDS is entirely optional as you can use Margin with any AT Protocol PDS. 105 </p> 106 </section> 107 108 <section class="mb-8"> 109 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Data Sharing</h2> 110 <p class="text-surface-700 dark:text-surface-300 mb-4"> 111 <strong>We do not sell your data.</strong> We do not share your data with third parties for advertising or marketing purposes. 112 </p> 113 <p class="text-surface-700 dark:text-surface-300 mb-4">Your public annotations may be visible to:</p> 114 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 115 <li>Other Margin users viewing the same webpage</li> 116 <li>Anyone on the AT Protocol network (for public content)</li> 117 </ul> 118 </section> 119 120 <section class="mb-8"> 121 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Browser Extension Permissions</h2> 122 <p class="text-surface-700 dark:text-surface-300 mb-4">The Margin browser extension requires certain permissions:</p> 123 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 124 <li> 125 <strong>All URLs:</strong> To display and create annotations on any webpage. When checking a page for annotations, the URL is sent to our server. <strong>We do not store these requests, the URLs are redacted, and we do not link your identity to the URLs you visit.</strong> You can disable sending URLs to Margin by turning off page overlays in the extension settings. 126 </li> 127 <li><strong>Storage:</strong> To save your preferences and session locally</li> 128 <li><strong>Cookies:</strong> To maintain your logged-in session</li> 129 <li><strong>Tabs:</strong> To know which page you're viewing</li> 130 </ul> 131 </section> 132 133 <section class="mb-8"> 134 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Your Rights</h2> 135 <p class="text-surface-700 dark:text-surface-300 mb-4">You can:</p> 136 <ul class="list-disc pl-5 mb-4 text-surface-700 dark:text-surface-300 space-y-1"> 137 <li>Delete any annotation, highlight, or bookmark you've created</li> 138 <li>Delete your collections</li> 139 <li>Export your data from your PDS</li> 140 <li>Revoke the extension's access at any time</li> 141 </ul> 142 </section> 143 144 <section class="mb-8"> 145 <h2 class="text-xl font-bold text-surface-900 dark:text-white mb-4">Contact</h2> 146 <p class="text-surface-700 dark:text-surface-300"> 147 For privacy questions or concerns, contact us at <a href="mailto:hello@margin.at" class="text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 hover:underline">hello@margin.at</a> 148 </p> 149 </section> 150 </div> 151 </div> 152</BaseLayout>