···11+22+import React from 'react';
33+import { ArrowLeft } from 'lucide-react';
44+import { Link } from 'react-router-dom';
55+66+export default function Privacy() {
77+ return (
88+ <div className="max-w-3xl mx-auto py-12 px-4">
99+ <Link to="/home" className="inline-flex items-center gap-2 text-sm font-medium text-surface-500 hover:text-surface-900 transition-colors mb-8">
1010+ <ArrowLeft size={18} />
1111+ <span>Home</span>
1212+ </Link>
1313+1414+ <div className="prose prose-surface max-w-none">
1515+ <h1 className="font-display font-bold text-3xl mb-2 text-surface-900">Privacy Policy</h1>
1616+ <p className="text-surface-500 mb-8">Last updated: January 11, 2026</p>
1717+1818+ <section className="mb-8">
1919+ <h2 className="text-xl font-bold text-surface-900 mb-4">Overview</h2>
2020+ <p className="text-surface-700 leading-relaxed">
2121+ 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.
2222+ </p>
2323+ </section>
2424+2525+ <section className="mb-8">
2626+ <h2 className="text-xl font-bold text-surface-900 mb-4">Data We Collect</h2>
2727+ <h3 className="text-lg font-semibold text-surface-900 mb-2">Account Information</h3>
2828+ <p className="text-surface-700 mb-4">
2929+ When you log in with your Bluesky/AT Protocol account, we access your:
3030+ </p>
3131+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
3232+ <li>Decentralized Identifier (DID)</li>
3333+ <li>Handle (username)</li>
3434+ <li>Display name and avatar (for showing your profile)</li>
3535+ </ul>
3636+3737+ <h3 className="text-lg font-semibold text-surface-900 mb-2">Annotations & Content</h3>
3838+ <p className="text-surface-700 mb-4">When you use Margin, we store:</p>
3939+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
4040+ <li>URLs of pages you annotate</li>
4141+ <li>Text you highlight or select</li>
4242+ <li>Annotations and comments you create</li>
4343+ <li>Bookmarks you save</li>
4444+ <li>Collections you organize content into</li>
4545+ </ul>
4646+4747+ <h3 className="text-lg font-semibold text-surface-900 mb-2">Authentication</h3>
4848+ <p className="text-surface-700 mb-4">
4949+ We store OAuth session tokens locally in your browser to keep you logged in. These tokens are used solely for authenticating API requests.
5050+ </p>
5151+ </section>
5252+5353+ <section className="mb-8">
5454+ <h2 className="text-xl font-bold text-surface-900 mb-4">How We Use Your Data</h2>
5555+ <p className="text-surface-700 mb-4">Your data is used exclusively to:</p>
5656+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
5757+ <li>Display your annotations on webpages</li>
5858+ <li>Sync your content across devices</li>
5959+ <li>Show your public annotations to other users</li>
6060+ <li>Enable social features like replies and likes</li>
6161+ </ul>
6262+ </section>
6363+6464+ <section className="mb-8">
6565+ <h2 className="text-xl font-bold text-surface-900 mb-4">Data Storage</h2>
6666+ <p className="text-surface-700 mb-4">
6767+ Your annotations are stored on the AT Protocol network through your Personal Data Server (PDS). This means:
6868+ </p>
6969+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
7070+ <li>You own your data</li>
7171+ <li>You can export or delete it at any time</li>
7272+ <li>Your data is portable across AT Protocol services</li>
7373+ </ul>
7474+ <p className="text-surface-700">
7575+ We also maintain a local index of annotations to provide faster search and discovery features.
7676+ </p>
7777+ </section>
7878+7979+ <section className="mb-8">
8080+ <h2 className="text-xl font-bold text-surface-900 mb-4">Data Sharing</h2>
8181+ <p className="text-surface-700 mb-4">
8282+ <strong>We do not sell your data.</strong> We do not share your data with third parties for advertising or marketing purposes.
8383+ </p>
8484+ <p className="text-surface-700 mb-4">Your public annotations may be visible to:</p>
8585+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
8686+ <li>Other Margin users viewing the same webpage</li>
8787+ <li>Anyone on the AT Protocol network (for public content)</li>
8888+ </ul>
8989+ </section>
9090+9191+ <section className="mb-8">
9292+ <h2 className="text-xl font-bold text-surface-900 mb-4">Browser Extension Permissions</h2>
9393+ <p className="text-surface-700 mb-4">The Margin browser extension requires certain permissions:</p>
9494+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
9595+ <li><strong>All URLs:</strong> To display and create annotations on any webpage</li>
9696+ <li><strong>Storage:</strong> To save your preferences and session locally</li>
9797+ <li><strong>Cookies:</strong> To maintain your logged-in session</li>
9898+ <li><strong>Tabs:</strong> To know which page you're viewing</li>
9999+ </ul>
100100+ </section>
101101+102102+ <section className="mb-8">
103103+ <h2 className="text-xl font-bold text-surface-900 mb-4">Your Rights</h2>
104104+ <p className="text-surface-700 mb-4">You can:</p>
105105+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
106106+ <li>Delete any annotation, highlight, or bookmark you've created</li>
107107+ <li>Delete your collections</li>
108108+ <li>Export your data from your PDS</li>
109109+ <li>Revoke the extension's access at any time</li>
110110+ </ul>
111111+ </section>
112112+113113+ <section className="mb-8">
114114+ <h2 className="text-xl font-bold text-surface-900 mb-4">Contact</h2>
115115+ <p className="text-surface-700">
116116+ For privacy questions or concerns, contact us at <a href="mailto:hello@margin.at" className="text-primary-600 hover:text-primary-700 hover:underline">hello@margin.at</a>
117117+ </p>
118118+ </section>
119119+ </div>
120120+ </div>
121121+ );
122122+}
···11+22+import React from 'react';
33+import { ArrowLeft } from 'lucide-react';
44+import { Link } from 'react-router-dom';
55+66+export default function Terms() {
77+ return (
88+ <div className="max-w-3xl mx-auto py-12 px-4">
99+ <Link to="/home" className="inline-flex items-center gap-2 text-sm font-medium text-surface-500 hover:text-surface-900 transition-colors mb-8">
1010+ <ArrowLeft size={18} />
1111+ <span>Home</span>
1212+ </Link>
1313+1414+ <div className="prose prose-surface max-w-none">
1515+ <h1 className="font-display font-bold text-3xl mb-2 text-surface-900">Terms of Service</h1>
1616+ <p className="text-surface-500 mb-8">Last updated: January 17, 2026</p>
1717+1818+ <section className="mb-8">
1919+ <h2 className="text-xl font-bold text-surface-900 mb-4">Overview</h2>
2020+ <p className="text-surface-700 leading-relaxed">
2121+ Margin is an open-source project. By using our service, you agree to these terms ("Terms"). If you do not agree to these Terms, please do not use the Service.
2222+ </p>
2323+ </section>
2424+2525+ <section className="mb-8">
2626+ <h2 className="text-xl font-bold text-surface-900 mb-4">Open Source</h2>
2727+ <p className="text-surface-700 leading-relaxed">
2828+ Margin is open source software. The code is available publicly and is provided "as is", without warranty of any kind, express or implied.
2929+ </p>
3030+ </section>
3131+3232+ <section className="mb-8">
3333+ <h2 className="text-xl font-bold text-surface-900 mb-4">User Conduct</h2>
3434+ <p className="text-surface-700 mb-4">
3535+ You are responsible for your use of the Service and for any content you provide, including compliance with applicable laws, rules, and regulations.
3636+ </p>
3737+ <p className="text-surface-700 mb-4">
3838+ We reserve the right to remove any content that violates these terms, including but not limited to:
3939+ </p>
4040+ <ul className="list-disc pl-5 mb-4 text-surface-700 space-y-1">
4141+ <li>Illegal content</li>
4242+ <li>Harassment or hate speech</li>
4343+ <li>Spam or malicious content</li>
4444+ </ul>
4545+ </section>
4646+4747+ <section className="mb-8">
4848+ <h2 className="text-xl font-bold text-surface-900 mb-4">Decentralized Nature</h2>
4949+ <p className="text-surface-700 leading-relaxed">
5050+ Margin interacts with the AT Protocol network. We do not control the network itself or the data stored on your Personal Data Server (PDS). Please refer to the terms of your PDS provider for data storage policies.
5151+ </p>
5252+ </section>
5353+5454+ <section className="mb-8">
5555+ <h2 className="text-xl font-bold text-surface-900 mb-4">Disclaimer</h2>
5656+ <p className="text-surface-700 leading-relaxed uppercase">
5757+ THE SERVICE IS PROVIDED "AS IS" AND "AS AVAILABLE". WE DISCLAIM ALL CONDITIONS, REPRESENTATIONS AND WARRANTIES NOT EXPRESSLY SET OUT IN THESE TERMS.
5858+ </p>
5959+ </section>
6060+6161+ <section className="mb-8">
6262+ <h2 className="text-xl font-bold text-surface-900 mb-4">Contact</h2>
6363+ <p className="text-surface-700">
6464+ For questions about these Terms, please contact us at <a href="mailto:hello@margin.at" className="text-primary-600 hover:text-primary-700 hover:underline">hello@margin.at</a>
6565+ </p>
6666+ </section>
6767+ </div>
6868+ </div>
6969+ );
7070+}