Social Annotations in the Atmosphere
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>About - Seams.so</title>
7 <link rel="stylesheet" href="about.css">
8</head>
9<body>
10 <div class="layout">
11 <aside class="sidebar">
12 <div class="sidebar-content">
13 <header class="hero">
14 <div class="logo">Seams<sup>alpha</sup></div>
15 <h1>About</h1>
16 <div class="cta-buttons">
17 <a href="/" class="cta-secondary">← Back to Home</a>
18 </div>
19 </header>
20
21 <footer class="footer desktop-footer">
22 <div class="footer-icons">
23 <a href="https://tangled.org/@sealight.xyz/seams.so" target="_blank" aria-label="Tangled">
24 <img src="https://semble.so/_next/static/media/tangled-icon.b95d4d65.svg" alt="Tangled" />
25 </a>
26 <a href="https://bsky.app/profile/sealight.xyz" target="_blank" aria-label="Bluesky">
27 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 320">
28 <path fill="currentColor" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/>
29 </svg>
30 </a>
31 </div>
32 </footer>
33 </div>
34 </aside>
35
36 <main class="main-content">
37 <div class="content-section">
38 <div class="content-container">
39 <h1>About Seams</h1>
40
41 <p>Seams is an open social annotation tool built on AT Protocol. It's an experiment in collaborative knowledge-building, inspired by tools like Hypothesis, but designed for the decentralized web. <br/> We believe strongly that new tools that respect their users, and allow them to work together can bring around more positive futures</p>
42
43 <h2>Why AT Protocol?</h2>
44 <ul>
45 <li><strong>You own your content</strong> - Your annotations are stored in your AT Protocol Personal Data Server (PDS), which in most cases is hosted by Bluesky. If Seams shuts down, all your annotations remain accessible.</li>
46 <li><strong>It's portable</strong> - Your data can move with you. If you switch PDS providers, Seams continues to work with your annotations.</li>
47 </ul>
48
49 <h2>Get Started</h2>
50 <p>To start using Seams, you'll need:</p>
51 <ul>
52 <li>An AT Protocol account (most likely a <a href="https://bsky.social/">Bluesky</a> or <a href="https://blackskyweb.xyz/">Blacksky account</a>)</li>
53 <li>The Seams browser extension (available for Chrome and Firefox)</li>
54 <li>Or, paste any URL into the search bar on the <a href="/">home page</a> to annotate without installing anything using our proxy.</li>
55 </ul>
56 <p>Once installed, highlight text on any webpage and add your annotation. Your annotation becomes part of the collective knowledge layer.</p>
57
58 <h2>Privacy</h2>
59 <p>...or "We don't want your data"</p>
60 <ul>
61 <li><strong>Your annotations are yours</strong> - They're stored in your AT Protocol Personal Data Server (PDS), which you control. We don't own and can't sell your data.</li>
62 <li><strong>Public by default</strong> - Annotations you create are publicly visible to anyone who visits the same page or finds them through our feed. This is a social annotation tool, not a private archive. When AT Protocol introduces more granular privacy controls, we will adopt their approach.</li>
63 <li><strong>What we collect</strong> - The app indexes annotations from your PDS for display. We cache profile information (handle, display name, avatar) for performance. We don't track your browsing behavior or use analytics that can personally identify you.</li>
64 </ul>
65
66 <h2>Contact</h2>
67 <p>Questions or feedback? Reach out to <a href="https://bsky.app/profile/sealight.xyz" target="_blank">@sealight.xyz</a> on Bluesky.</p>
68 </div>
69 </div>
70 </main>
71
72 <footer class="footer mobile-footer">
73 <div class="footer-icons">
74 <a href="https://tangled.org/@sealight.xyz/seams.so" target="_blank" aria-label="Tangled">
75 <img src="https://semble.so/_next/static/media/tangled-icon.b95d4d65.svg" alt="Tangled" />
76 </a>
77 <a href="https://bsky.app/profile/sealight.xyz" target="_blank" aria-label="Bluesky">
78 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 320">
79 <path fill="currentColor" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/>
80 </svg>
81 </a>
82 </div>
83 </footer>
84 </div>
85</body>
86</html>