sri.xyz
Landing page for atproto.nyc
atproto.nyc
17 kB
306 lines
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, viewport-fit=cover" />
6 <title>atproto.nyc · NYC's AT Protocol community</title>
7 <meta name="description" content="NYC's monthly meetup for builders, creators, and the just-curious — exploring an open social web through the AT Protocol. Talks, pizza, atmospheric conversation." />
8 <link rel="canonical" href="https://www.atproto.nyc/" />
9
10 <meta property="og:type" content="website" />
11 <meta property="og:url" content="https://www.atproto.nyc/" />
12 <meta property="og:site_name" content="atproto.nyc" />
13 <meta property="og:title" content="atproto.nyc — NYC's AT Protocol community" />
14 <meta property="og:description" content="Monthly meetup for builders, creators, and the just-curious — exploring an open social web through the AT Protocol. Talks, pizza, atmospheric conversation." />
15 <meta property="og:image" content="https://www.atproto.nyc/logo.jpg" />
16 <meta property="og:image:width" content="1255" />
17 <meta property="og:image:height" content="1255" />
18 <meta property="og:image:alt" content="atproto.nyc logo — hand-drawn 'I @ NY' in crayon" />
19 <meta property="og:locale" content="en_US" />
20
21 <meta name="twitter:card" content="summary" />
22 <meta name="twitter:title" content="atproto.nyc — NYC's AT Protocol community" />
23 <meta name="twitter:description" content="Monthly meetup for builders, creators, and the just-curious — exploring an open social web through the AT Protocol." />
24 <meta name="twitter:image" content="https://www.atproto.nyc/logo.jpg" />
25 <meta name="twitter:image:alt" content="atproto.nyc logo — hand-drawn 'I @ NY' in crayon" />
26
27 <link rel="icon" type="image/x-icon" href="/favicon.ico" />
28 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
29 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
30 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
31 <link rel="manifest" href="/site.webmanifest" />
32 <meta name="theme-color" content="#f1ebdf" />
33 <meta name="apple-mobile-web-app-capable" content="yes" />
34 <meta name="apple-mobile-web-app-status-bar-style" content="default" />
35 <meta name="apple-mobile-web-app-title" content="atproto.nyc" />
36
37 <script type="application/ld+json">
38 {
39 "@context": "https://schema.org",
40 "@type": "Organization",
41 "name": "atproto.nyc",
42 "url": "https://www.atproto.nyc/",
43 "logo": "https://www.atproto.nyc/logo.jpg",
44 "description": "NYC's local community for builders, creators, and the just-curious exploring the AT Protocol.",
45 "sameAs": [
46 "https://bsky.app/profile/atproto.nyc",
47 "https://blacksky.community/profile/atproto.nyc",
48 "https://blog.atproto.nyc"
49 ]
50 }
51 </script>
52 <link rel="preconnect" href="https://fonts.googleapis.com" />
53 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
54 <link rel="preconnect" href="https://calendar.atprotoevents.com" crossorigin />
55 <link rel="preconnect" href="https://cdn.bsky.app" crossorigin />
56 <link rel="preconnect" href="https://img.youtube.com" crossorigin />
57 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&display=swap" rel="stylesheet" />
58 <script>
59 (function () {
60 try {
61 var t = localStorage.getItem('theme');
62 if (t === 'dark' || t === 'light') {
63 document.documentElement.setAttribute('data-theme', t);
64 }
65 } catch (e) {}
66 })();
67 </script>
68 <link rel="stylesheet" href="/style.css" />
69</head>
70<body>
71 <main>
72 <button id="theme-toggle" class="logo-btn" type="button" aria-label="Toggle color theme" title="Click to toggle theme">
73 <img class="logo" src="/logo.jpg" alt="I @ NY — atproto.nyc logo" />
74 </button>
75 <h1>atproto.nyc</h1>
76 <p class="tag">NYC's AT Protocol community.</p>
77
78 <svg class="divider" viewBox="0 0 120 12" preserveAspectRatio="none" aria-hidden="true">
79 <path d="M2,6 Q15,1 30,6 T58,6 T86,6 T118,6" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
80 </svg>
81
82 <div class="next-event-block" id="next-event-block" hidden>
83 <a class="next-event" id="next-event" href="#" target="_blank" rel="noopener noreferrer">
84 <span class="pulse" aria-hidden="true"></span>
85 <span class="next-event-text"></span>
86 <span class="arrow" aria-hidden="true">↗</span>
87 </a>
88 <div class="rsvp-stack" id="rsvp-stack" hidden>
89 <div class="rsvp-avatars"></div>
90 <span class="rsvp-count"></span>
91 </div>
92 </div>
93
94 <nav class="links">
95 <a href="https://atmo.rsvp/p/did:plc:retm6aeqattyxp7bhmyyv7gk" target="_blank" rel="noopener noreferrer">
96 <span class="ic" aria-hidden="true">
97 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
98 <rect x="3" y="4.5" width="18" height="16" rx="2"/>
99 <line x1="3" y1="10" x2="21" y2="10"/>
100 <line x1="8" y1="2.5" x2="8" y2="6.5"/>
101 <line x1="16" y1="2.5" x2="16" y2="6.5"/>
102 </svg>
103 </span>
104 Upcoming events
105 </a>
106 <a href="https://blog.atproto.nyc/" target="_blank" rel="noopener noreferrer">
107 <span class="ic" aria-hidden="true">
108 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
109 <path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/>
110 <path d="M18 14h-8"/>
111 <path d="M15 18h-5"/>
112 <path d="M10 6h8v4h-8z"/>
113 </svg>
114 </span>
115 Blog
116 </a>
117 <details class="profile">
118 <summary class="profile-toggle">
119 <span class="ic at" aria-hidden="true">@</span>
120 atproto.nyc
121 </summary>
122 <div class="sublinks">
123 <a href="https://bsky.app/profile/atproto.nyc" target="_blank" rel="noopener noreferrer">
124 Bluesky
125 <span class="ic ext" aria-hidden="true">
126 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
127 <path d="M7 17L17 7"/>
128 <path d="M9 7h8v8"/>
129 </svg>
130 </span>
131 </a>
132 <a href="https://blacksky.community/profile/atproto.nyc" target="_blank" rel="noopener noreferrer">
133 Blacksky
134 <span class="ic ext" aria-hidden="true">
135 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
136 <path d="M7 17L17 7"/>
137 <path d="M9 7h8v8"/>
138 </svg>
139 </span>
140 </a>
141 </div>
142 </details>
143 </nav>
144
145 <svg class="divider" viewBox="0 0 120 12" preserveAspectRatio="none" aria-hidden="true">
146 <path d="M2,6 Q15,1 30,6 T58,6 T86,6 T118,6" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
147 </svg>
148
149 <p class="footer-links">
150 <button type="button" class="coc-style coc-style-tape" data-open-dialog="talks" data-feature="talks" hidden>Past talks</button>
151 <button type="button" class="coc-style coc-style-tape" data-open-dialog="sponsors" data-feature="sponsors" hidden>Sponsors</button>
152 <button type="button" class="coc-style coc-style-tape" data-open-dialog="coc" data-feature="coc" hidden>Code of Conduct</button>
153 <button type="button" class="coc-style coc-style-tape" data-open-dialog="about" data-feature="about" hidden>About atproto</button>
154 </p>
155
156 <p class="contact">
157 Want to give a talk or sponsor a meetup?<br/>
158 Say hi <a href="https://bsky.app/profile/atproto.nyc" target="_blank" rel="noopener noreferrer">@atproto.nyc</a>.
159 </p>
160 </main>
161
162 <dialog id="coc-dialog" class="dialog" data-hash="code" aria-labelledby="coc-title">
163 <button type="button" class="dialog-close" data-close-dialog aria-label="Close">×</button>
164 <article class="dialog-content">
165 <h2 id="coc-title">Code of Conduct</h2>
166 <p><strong>TL;DR — Be kind, inclusive, and considerate.</strong></p>
167
168 <p>In the interest of fostering an open, inclusive, and welcoming environment, all attendees, organizers, volunteers, speakers, sponsors, and participants at atproto.nyc pledge to accept and observe the following Code of Conduct.</p>
169
170 <p>The Code of Conduct is in effect throughout the event and within any associated online spaces, including event-related interactions before, during, and after the event. Cooperation from everyone will help ensure a safe environment for all.</p>
171
172 <p>atproto.nyc is for anyone interested in exploring, learning, and forming connections about and through the AT Protocol while doing so in a fun, engaging, and respectful environment.</p>
173
174 <p>Our event is dedicated to being a harassment-free experience for everyone, regardless of background, gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, ethnicity, religion or lack thereof, or any other dimension of diversity.</p>
175
176 <p>Sexual language and imagery is not appropriate for any event venue, including talks, break-out conversations, event-related social gatherings, event-related online spaces, and on social media.</p>
177
178 <p>Be kind to others. Do not insult or put down people within the community. Behave respectfully. Harassment and sexist, racist, or exclusionary jokes are not appropriate for atproto.nyc.</p>
179
180 <p>Participants violating these rules may be warned, removed from the event, barred from future events, or otherwise sanctioned, without refund where applicable, at the discretion of the organizers.</p>
181
182 <p>If needed, atproto.nyc may publish a brief post-event transparency note related to Code of Conduct incidents or violations, while protecting the privacy and safety of people involved.</p>
183
184 <h3>Spelling it out</h3>
185 <p>Harassment includes offensive verbal comments or actions related to or involving:</p>
186 <ul>
187 <li>background</li>
188 <li>gender</li>
189 <li>gender identity and expression</li>
190 <li>age</li>
191 <li>sexual orientation</li>
192 <li>disability</li>
193 <li>physical appearance</li>
194 <li>body size</li>
195 <li>race</li>
196 <li>ethnicity</li>
197 <li>religion or lack thereof</li>
198 <li>economic status</li>
199 <li>geographic location</li>
200 <li>technology choices</li>
201 <li>sexual images in public spaces</li>
202 <li>deliberate intimidation</li>
203 <li>violence and threats of violence</li>
204 <li>stalking</li>
205 <li>doxing</li>
206 <li>unwanted following</li>
207 <li>harassing photography or recording</li>
208 <li>sustained disruption of talks or other events</li>
209 <li>inappropriate or unwelcome physical contact</li>
210 <li>unwelcome sexual attention</li>
211 <li>encouraging or inciting unacceptable behavior</li>
212 <li>any other dimension of diversity</li>
213 </ul>
214
215 <p>Contributors, sponsors, organizers, volunteers, and participants in event-related sites or online spaces are also subject to this policy.</p>
216
217 <p>Organizers, including volunteers, should not use sexualized clothing, uniforms, costumes, or otherwise create a sexualized environment.</p>
218
219 <p>Anyone asked to stop abusive, harassing, or otherwise unacceptable behavior is expected to comply immediately. Organizers may take any action they deem appropriate.</p>
220
221 <p>If you are being harassed, notice that someone else is being harassed, or have any other concerns related to event-related behavior, content, or spaces, please reach out to an organizer immediately.</p>
222
223 <p>Organizers will help however they can — contacting venue staff or local authorities if needed, helping you leave safely, or just being present. We value your attendance.</p>
224
225 <h3>In practice</h3>
226 <p>We expect everyone to follow these rules at venues and event-related social gatherings.</p>
227 <p>Be kind, inclusive, and considerate. A few examples:</p>
228 <ul>
229 <li>Look for and read participants' pronoun badges/stickers.</li>
230 <li>Write your own pronoun badge/sticker.</li>
231 <li>If there's an opportunity to ask questions, ask constructive questions instead of trying to make a statement about your knowledge or work.</li>
232 <li>Respect attendees' boundaries, especially on what they choose to share or not share about themselves.</li>
233 </ul>
234
235 <h3>Need help?</h3>
236 <p>If you are experiencing harassment, witness an incident, or have concerns about event-related behavior, content, or spaces, please reach out to us on Bluesky at <a href="https://bsky.app/profile/atproto.nyc" target="_blank" rel="noopener noreferrer">@atproto.nyc</a>.</p>
237
238 <p class="attribution">Adapted from the <a href="https://atprotocol.dev/code-of-conduct/" target="_blank" rel="noopener noreferrer">AT Protocol Community Fund's Code of Conduct</a>.</p>
239 </article>
240 </dialog>
241
242 <dialog id="talks-dialog" class="dialog" aria-labelledby="talks-title">
243 <button type="button" class="dialog-close" data-close-dialog aria-label="Close">×</button>
244 <article class="dialog-content">
245 <h2 id="talks-title">Past talks</h2>
246 <p>A few short recordings from recent atproto.nyc meetups.</p>
247 <div class="talks-reel" id="talks-reel" role="list"></div>
248 <p class="reel-hint">← swipe to flip through →</p>
249 </article>
250 </dialog>
251
252 <dialog id="sponsors-dialog" class="dialog" aria-labelledby="sponsors-title">
253 <button type="button" class="dialog-close" data-close-dialog aria-label="Close">×</button>
254 <article class="dialog-content">
255 <h2 id="sponsors-title">Sponsors</h2>
256
257 <div class="sponsors-list">
258 <a class="sponsor-card" href="https://bsky.app/profile/hiddendoor.co" target="_blank" rel="noopener noreferrer">
259 <img class="sponsor-logo" src="/hiddendoor.webp" alt="Hidden Door logo" loading="lazy" />
260 <div class="sponsor-caption">
261 <h3>Hidden Door</h3>
262 <p class="sponsor-role">Venue sponsor</p>
263 </div>
264 </a>
265 <a class="sponsor-card" href="https://bsky.app/profile/bsky.app" target="_blank" rel="noopener noreferrer">
266 <img class="sponsor-logo" src="/bsky.webp" alt="Bluesky logo" loading="lazy" />
267 <div class="sponsor-caption">
268 <h3>Bluesky</h3>
269 <p class="sponsor-role">Food & drinks sponsor</p>
270 </div>
271 </a>
272 <a class="sponsor-card" href="https://bsky.app/profile/recurse.com" target="_blank" rel="noopener noreferrer">
273 <img class="sponsor-logo sponsor-logo--pixel" src="/recurse.png" alt="Recurse Center logo" loading="lazy" />
274 <div class="sponsor-caption">
275 <h3>Recurse Center</h3>
276 <p class="sponsor-role">Venue sponsor</p>
277 </div>
278 </a>
279 </div>
280
281 <p class="attribution">Want to sponsor a future meetup? <a href="https://bsky.app/profile/atproto.nyc" target="_blank" rel="noopener noreferrer">Say hi @atproto.nyc</a>.</p>
282 </article>
283 </dialog>
284
285 <dialog id="about-dialog" class="dialog" aria-labelledby="about-title">
286 <button type="button" class="dialog-close" data-close-dialog aria-label="Close">×</button>
287 <article class="dialog-content">
288 <h2 id="about-title">About atproto</h2>
289
290 <p><strong>The AT Protocol</strong> (atproto) is the open protocol behind <a href="https://bsky.app" target="_blank" rel="noopener noreferrer">Bluesky</a> and a growing ecosystem of apps — built around portable identity, open data, and a more open social web.</p>
291
292 <p><strong>atproto.nyc</strong> is the local community for builders, creators, and the just-curious exploring the Atmosphere. We meet up monthly in NYC for short talks, pizza, and atmospheric conversation.</p>
293
294 <h3>Learn more</h3>
295 <ul>
296 <li><a href="https://atproto.com" target="_blank" rel="noopener noreferrer">atproto.com</a> — the protocol</li>
297 <li><a href="https://bsky.app" target="_blank" rel="noopener noreferrer">bsky.app</a> — the flagship social app</li>
298 <li><a href="https://atmosphere.community" target="_blank" rel="noopener noreferrer">atmosphere.community</a> — community dev hub & events</li>
299 <li><a href="https://blog.atproto.nyc" target="_blank" rel="noopener noreferrer">blog.atproto.nyc</a> — what we've been up to</li>
300 </ul>
301 </article>
302 </dialog>
303
304 <script src="/app.js" defer></script>
305</body>
306</html>