margin.at
1import { ArrowLeft } from "lucide-react";
2import { Link } from "react-router-dom";
3
4export default function Privacy() {
5 return (
6 <div className="feed-page">
7 <Link to="/" className="back-link">
8 <ArrowLeft size={18} />
9 <span>Home</span>
10 </Link>
11
12 <div className="legal-content">
13 <h1>Privacy Policy</h1>
14 <p className="text-secondary">Last updated: January 11, 2026</p>
15
16 <section>
17 <h2>Overview</h2>
18 <p>
19 Margin ("we", "our", or "us") is a web
20 annotation tool that lets you highlight, annotate, and bookmark any
21 webpage. Your data is stored on the decentralized AT Protocol
22 network, giving you ownership and control over your content.
23 </p>
24 </section>
25
26 <section>
27 <h2>Data We Collect</h2>
28 <h3>Account Information</h3>
29 <p>
30 When you log in with your Bluesky/AT Protocol account, we access
31 your:
32 </p>
33 <ul>
34 <li>Decentralized Identifier (DID)</li>
35 <li>Handle (username)</li>
36 <li>Display name and avatar (for showing your profile)</li>
37 </ul>
38
39 <h3>Annotations & Content</h3>
40 <p>When you use Margin, we store:</p>
41 <ul>
42 <li>URLs of pages you annotate</li>
43 <li>Text you highlight or select</li>
44 <li>Annotations and comments you create</li>
45 <li>Bookmarks you save</li>
46 <li>Collections you organize content into</li>
47 </ul>
48
49 <h3>Authentication</h3>
50 <p>
51 We store OAuth session tokens locally in your browser to keep you
52 logged in. These tokens are used solely for authenticating API
53 requests.
54 </p>
55 </section>
56
57 <section>
58 <h2>How We Use Your Data</h2>
59 <p>Your data is used exclusively to:</p>
60 <ul>
61 <li>Display your annotations on webpages</li>
62 <li>Sync your content across devices</li>
63 <li>Show your public annotations to other users</li>
64 <li>Enable social features like replies and likes</li>
65 </ul>
66 </section>
67
68 <section>
69 <h2>Data Storage</h2>
70 <p>
71 Your annotations are stored on the AT Protocol network through your
72 Personal Data Server (PDS). This means:
73 </p>
74 <ul>
75 <li>You own your data</li>
76 <li>You can export or delete it at any time</li>
77 <li>Your data is portable across AT Protocol services</li>
78 </ul>
79 <p>
80 We also maintain a local index of annotations to provide faster
81 search and discovery features.
82 </p>
83 </section>
84
85 <section>
86 <h2>Data Sharing</h2>
87 <p>
88 <strong>We do not sell your data.</strong> We do not share your data
89 with third parties for advertising or marketing purposes.
90 </p>
91 <p>Your public annotations may be visible to:</p>
92 <ul>
93 <li>Other Margin users viewing the same webpage</li>
94 <li>Anyone on the AT Protocol network (for public content)</li>
95 </ul>
96 </section>
97
98 <section>
99 <h2>Browser Extension Permissions</h2>
100 <p>The Margin browser extension requires certain permissions:</p>
101 <ul>
102 <li>
103 <strong>All URLs:</strong> To display and create annotations on
104 any webpage
105 </li>
106 <li>
107 <strong>Storage:</strong> To save your preferences and session
108 locally
109 </li>
110 <li>
111 <strong>Cookies:</strong> To maintain your logged-in session
112 </li>
113 <li>
114 <strong>Tabs:</strong> To know which page you're viewing
115 </li>
116 </ul>
117 </section>
118
119 <section>
120 <h2>Your Rights</h2>
121 <p>You can:</p>
122 <ul>
123 <li>
124 Delete any annotation, highlight, or bookmark you've created
125 </li>
126 <li>Delete your collections</li>
127 <li>Export your data from your PDS</li>
128 <li>Revoke the extension's access at any time</li>
129 </ul>
130 </section>
131
132 <section>
133 <h2>Contact</h2>
134 <p>
135 For privacy questions or concerns, contact us at{" "}
136 <a href="mailto:hello@margin.at">hello@margin.at</a>
137 </p>
138 </section>
139 </div>
140 </div>
141 );
142}