- -
-{name}
- {description &&{description}
} - - -
-
-The community hub for the Atmosphere
-- Connecting people and projects building on AT Protocol. - Blog posts, events, and local communities — all in one place. -
- - - -
-
-
- {subscriberCount.toLocaleString()}+
- Subscribers
-
-
- {groupCount}
- Regional Groups
-
-
-
-
-{title}
-{excerpt}
- -
- {communities.map(c => (
-
@@ -68,11 +66,23 @@
line-height: var(--leading-relaxed);
}
+ .region-group {
+ margin-top: var(--space-xl);
+ }
+
+ .region-heading {
+ font-size: var(--text-base);
+ font-weight: 600;
+ color: var(--color-text-secondary);
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ margin: 0 0 var(--space-base);
+ }
+
.communities-grid {
display: flex;
flex-direction: column;
gap: var(--space-lg);
- margin-top: var(--space-xl);
}
.community-entry {
diff --git a/src/pages/community-content.astro b/src/pages/community-content.astro
--- a/src/pages/community-content.astro
+++ b/src/pages/community-content.astro
@@ -1,76 +1,16 @@
---
+export const prerender = false;
+
import Base from '../layouts/Base.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
-import PostCard from '../components/PostCard.astro';
-import yaml from 'js-yaml';
-import communitiesRaw from '../data/communities.yml?raw';
-import { getProfile, excerpt } from '../lib/atproto';
-import { fetchBlogPosts } from '../lib/blog';
-import { fetchSharedContent } from '../lib/shared-content';
-import { preflight } from '../lib/preflight';
+import Header from '../components/layout/Header.astro';
+import Footer from '../components/layout/Footer.astro';
+import PostCard from '../components/content/PostCard.astro';
+import { getLiveCollection } from 'astro:content';
-interface Community {
- name: string;
- handle: string;
- location: string;
-}
-
-const communities = yaml.load(communitiesRaw) as Community[];
-
-await preflight();
-
-// Fetch Offprint posts
-const OFFPRINT_PUB = 'at://did:plc:lehcqqkwzcwvjvw66uthu5oq/site.standard.publication/3mjnpilwnrp2v';
-const blogPosts = await fetchBlogPosts({
- handle: 'atmosphere.community',
- pds: 'https://hydnum.us-west.host.bsky.network',
- publication: OFFPRINT_PUB,
-});
-
-const profile = await getProfile('atmosphere.community');
-const authorName = profile.displayName || `@${profile.handle}`;
-
-const offprintPosts = blogPosts.map(post => ({
- title: post.title,
- excerpt: excerpt(post.textContent ?? post.description, 150),
- author: authorName,
- avatarUrl: profile.avatar,
- date: post.publishedAt.toISOString().split('T')[0],
- href: post.url ?? 'https://blog.atmosphere.community',
- tag: post.tags?.[0],
- community: '@atmosphere.community',
-}));
-
-// Fetch shared content from all community accounts
-const sharedContentAccounts = [
- 'atmosphere.community',
- ...communities.map(c => c.handle),
-];
-const sharedPosts = await fetchSharedContent(sharedContentAccounts);
-
-const sharedPostCards = sharedPosts.map(p => ({
- title: p.title,
- excerpt: p.excerpt,
- author: p.author.displayName || `@${p.author.handle}`,
- avatarUrl: p.author.avatar,
- date: new Date(p.date).toISOString().split('T')[0],
- href: p.href,
- tag: p.tags?.[0],
- community: `@${p.community}`,
-}));
-
-// Merge, dedupe by title, sort by date
-const allPosts = [...offprintPosts, ...sharedPostCards];
-const seenTitles = new Set
-
+
+
+ ))}
{c.description}
} + {regions.map((region) => ( +{region}
+
+ {grouped.get(region)!.map(c => (
+
- ))}
-
+
+ ))}
{c.description}
} +Community content
Blog posts and articles shared by community members across the Atmosphere. - Content is aggregated from the atmosphere.community Offprint - and community accounts via OpenSocial. + Content is aggregated from the atmosphere.community Offprint + and community accounts via OpenSocial.
{mergedPosts.length > 0 ? (
- {mergedPosts.map(post => (
-
) : (
-
)}
diff --git a/src/pages/events.astro b/src/pages/events.astro
--- a/src/pages/events.astro
+++ b/src/pages/events.astro
@@ -1,46 +1,52 @@
---
-import Base from '../layouts/Base.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
-import EventCard from '../components/EventCard.astro';
-import { fetchEvents } from '../lib/events';
-import { fetchSharedEvents } from '../lib/shared-content';
-import { preflight } from '../lib/preflight';
-import yaml from 'js-yaml';
-import communitiesRaw from '../data/communities.yml?raw';
+export const prerender = false;
-interface Community {
- name: string;
- handle: string;
- location: string;
+import { actions } from 'astro:actions';
+import { getLiveCollection } from 'astro:content';
+import Base from '../layouts/Base.astro';
+import Header from '../components/layout/Header.astro';
+import Footer from '../components/layout/Footer.astro';
+import EventCard from '../components/events/EventCard.astro';
+import RsvpNotice from '../components/events/RsvpNotice.astro';
+import { getRsvpsForEvents, type CalendarRsvp } from '../lib/rsvps';
+
+const rsvpResult = Astro.getActionResult(actions.rsvpEvent);
+
+if (rsvpResult?.data?.redirectUrl) {
+ return Astro.redirect(rsvpResult.data.redirectUrl, 303);
}
-const communities = yaml.load(communitiesRaw) as Community[];
+if (rsvpResult?.error) {
+ return Astro.redirect('/events?rsvp=error', 303);
+}
-// Build event account list: atmosphere.community + all community handles
-const eventAccounts = [
- 'atmosphere.community',
- ...communities.map(c => c.handle),
-];
+const eventsResult = await getLiveCollection('events');
+const allEvents = (eventsResult.entries ?? [])
+ .map((entry) => entry.data)
+ .sort((a, b) => a.startsAt.getTime() - b.startsAt.getTime());
-// Verify core services are reachable
-await preflight();
+const { upcoming: upcomingEvents = [], past: pastEvents = [] } = Object.groupBy(
+ allEvents,
+ (event) => (event.isPast ? 'past' : 'upcoming'),
+);
+pastEvents.reverse();
-// Fetch events from ATProto (community.lexicon.calendar.event)
-// Individual community failures are tolerated; only total service outage fails the build.
-const [directEvents, sharedEvents] = await Promise.all([
- fetchEvents(eventAccounts),
- fetchSharedEvents(eventAccounts),
-]);
+const loggedInUser = Astro.locals.loggedInUser;
+let rsvpsByEvent = new MapNo community content yet. Visit the blog or share content via your community account.
++ No community content yet. Visit the + blog or share content via your community account. +
We couldn't check which events you're going to right now.
+ )} {upcomingEvents.length > 0 ? (
- {upcomingEvents.map(event => (
-
) : (
No upcoming events right now. Check back soon or create one on Smoke Signal.
Past events
+
+ {pastEvents.map((event) => (
+
+
- {mergedPosts.length > 0 ? (
- mergedPosts.map(post => (
-
No posts yet. Check back soon or visit the blog.
- )} + { + mergedPosts.length > 0 ? ( + mergedPosts.map((post) =>+ No posts yet. Check back soon or{" "} + visit the blog. +
+ ) + }
- {events.map(event => (
-
@@ -195,32 +78,24 @@
- {communities.slice(0, 15).map(c => (
-
-
- Get involved
-
- {highlights.map(h => (
-
- ))}
-
-
+ {
+ loggedInUser ? (
+ <>
+
+ {avatarUrl ? (
+
+
+
+
+
+ )
+ }
+
+
+
+
+
diff --git a/src/components/auth/Combobox.astro b/src/components/auth/Combobox.astro
new file mode 100644
--- /dev/null
+++ b/src/components/auth/Combobox.astro
@@ -0,0 +1,720 @@
+---
+interface Props {
+ id: string;
+ name: string;
+ label: string;
+ placeholder?: string;
+ inputClass?: string;
+ required?: boolean;
+ minLength?: number;
+ autocomplete?: string;
+ inputmode?: 'text' | 'email' | 'tel' | 'url' | 'search' | 'numeric' | 'decimal' | 'none';
+}
+
+const {
+ id,
+ name,
+ label,
+ placeholder,
+ inputClass,
+ required,
+ minLength = 1,
+ autocomplete = 'off',
+ inputmode,
+} = Astro.props;
+
+const popoverId = `${id}-popover`;
+const listboxId = `${id}-listbox`;
+const statusId = `${id}-status`;
+const hintId = `${id}-hint`;
+---
+
+
+ {avatarUrl ? (
+ 
+ ) : (
+
+ )}
+ {displayName}
+
+
+
+
+ ) : (
+ <>
+ + Signed in as @{loggedInUser.handle} +
+ +
+
+
+
+ )
+ }
+
+
+
+
+
+
+
+
+ When suggestions are available, use up and down arrows to review and Enter to select. Touch device users, explore by touch or with swipe gestures.
+
+
+ {name}
+ {location}
+
+ {bluesky && (
+
+ )}
+
+
+
+{title}
+ {excerpt &&{excerpt}
} + ++ +
++ {name} +
++ {description ?? "No description provided."} +
+ +
+
+ Details
+
+ {
+ canRsvp && (
+
+ )
+ }
++ {eventName ? `You're going to ${eventName}.` : "You're marked as going."} +
+)} +{message === 'notgoing' && ( ++ {eventName ? `You're no longer going to ${eventName}.` : "You're no longer marked as going."} +
+)} +{message === 'permission' && ( +Your login needs RSVP permission. Log out and log back in, then try again.
+)} +{message === 'error' && ( ++ {eventName ? `We couldn't save your RSVP for ${eventName}. Please try again.` : "We couldn't save your RSVP. Please try again."} +
+)} + + diff --git a/src/components/layout/Footer.astro b/src/components/layout/Footer.astro new file mode 100644 --- /dev/null +++ b/src/components/layout/Footer.astro @@ -0,0 +1,78 @@ +--- +const year = new Date().getFullYear(); +--- + + + + diff --git a/src/components/layout/GetInvolved.astro b/src/components/layout/GetInvolved.astro new file mode 100644 --- /dev/null +++ b/src/components/layout/GetInvolved.astro @@ -0,0 +1,80 @@ +--- +const highlights = [ + { + title: "Discourse Forum", + description: + "Discuss ideas, proposals, and community projects with fellow builders.", + href: "https://discourse.atprotocol.community", + linkText: "Join the conversation →", + }, + { + title: "Community Fund", + description: + "Supporting projects, events, and infrastructure across the Atmosphere.", + href: "https://opencollective.com/atprotocoldev/", + linkText: "Learn more →", + }, + { + title: "ATmosphereConf", + description: "The community conference for people building on AT Protocol.", + href: "https://atmosphereconf.org", + linkText: "See the schedule →", + }, + { + title: "Discord", + description: + "Chat with community members, ask questions, and share what you're building.", + href: "https://discord.atprotocol.dev/", + linkText: "Join the Discord →", + }, +]; +--- + +
+
+Get involved
+
+ {
+ highlights.map((highlight) => (
+
+ ))
+ }
+
+
+
+The community hub for the Atmosphere
++ Connecting people and projects building on AT Protocol. + Blog posts, events, and local communities — all in one place. +
+ + + +
+
+
+ {subscriberCount.toLocaleString()}+
+ Subscribers
+
+
+ {groupCount}
+ Regional Groups
+
+