diff --git a/src/data/communities.yml b/src/data/communities.yml index 1ba6ce8..5777f8e 100644 --- a/src/data/communities.yml +++ b/src/data/communities.yml @@ -15,7 +15,7 @@ - name: ATProto Bay Area handle: bayarea.atproto.camp location: Bay Area, CA - region: North America + region: North America — USA description: Bay Area ATProtocol meetup group bluesky: https://bsky.app/profile/bayarea.atproto.camp @@ -29,14 +29,14 @@ - name: ATProto Boston handle: atproto.boston location: Boston, MA - region: North America + region: North America — USA description: Boston ATProtocol user group bluesky: https://bsky.app/profile/atproto.boston - name: ATProto Colorado handle: colorado.atprotocol.space location: Colorado, US - region: North America + region: North America — USA description: Colorado ATProtocol user group bluesky: https://bsky.app/profile/colorado.atprotocol.space @@ -71,7 +71,7 @@ - name: ATProto LA handle: atproto.la location: Los Angeles, CA - region: North America + region: North America — USA description: Los Angeles ATProtocol user group bluesky: https://bsky.app/profile/atproto.la @@ -92,14 +92,14 @@ - name: ATProto Montreal handle: montreal.atproto.camp location: Montreal, QC - region: North America + region: North America — Canada description: Montreal ATProtocol user group bluesky: https://bsky.app/profile/montreal.atproto.camp - name: Nashproto handle: nashproto.com location: Nashville, TN - region: North America + region: North America — USA description: Nashville ATProtocol user group bluesky: https://bsky.app/profile/nashproto.com @@ -113,48 +113,41 @@ - name: ATProto NYC handle: atproto.nyc location: New York City, NY - region: North America + region: North America — USA description: New York City ATProtocol user group bluesky: https://bsky.app/profile/atproto.nyc - name: ATProto PDX handle: pdx.atproto.camp location: Portland, OR - region: North America + region: North America — USA description: Portland ATProtocol user group bluesky: https://bsky.app/profile/pdx.atproto.camp - name: Richmond AT://Community handle: richmond.atmosphere.community location: Richmond, VA, US - region: North America + region: North America — USA description: An ATProto Community for Richmond, VA bluesky: https://bsky.app/profile/richmond.atmosphere.community - name: ATProto Seattle handle: seattle.atprotocol.community location: Seattle, WA - region: North America + region: North America — USA description: Seattle ATProtocol user group bluesky: https://bsky.app/profile/seattle.atprotocol.community - name: ATProto Toronto handle: atproto.to location: Toronto, ON - region: North America + region: North America — Canada description: Toronto ATProtocol user group bluesky: https://bsky.app/profile/atproto.to - name: ATProto Vancouver handle: vancouver.atprotocol.community location: Vancouver, BC - region: North America + region: North America — Canada description: Vancouver ATProtocol user group bluesky: https://bsky.app/profile/vancouver.atprotocol.community - -- name: ATProto Kraków - handle: atproto.krakow.pl - location: Kraków, PL - region: Europe - description: Kraków ATProtocol user group - bluesky: https://bsky.app/profile/atproto.krakow.pl diff --git a/src/pages/communities.astro b/src/pages/communities.astro index 1ddbe92..e9c14b6 100644 --- a/src/pages/communities.astro +++ b/src/pages/communities.astro @@ -8,7 +8,7 @@ import { getLiveCollection } from "astro:content"; const communitiesResult = await getLiveCollection("communities"); const communities = communitiesResult.entries?.map((entry) => entry.data) ?? []; -const REGION_ORDER = ["North America", "South America", "Europe", "Online", "Other"]; +const REGION_ORDER = ["North America — USA", "North America — Canada", "South America", "Europe", "Online", "Other"]; const grouped = new Map(); for (const community of communities) { const region = community.region ?? "Other"; @@ -41,8 +41,10 @@ const regions = [...grouped.keys()].sort(
{grouped.get(region)!.map(c => (
- - {c.description &&

{c.description}

} +
+ + {c.description &&

{c.description}

} +
))}
@@ -86,10 +88,17 @@ const regions = [...grouped.keys()].sort( } .community-entry { + display: block; + align-items: center; + gap: var(--space-base) var(--space-lg); + } + + .community-entry__primary { display: flex; align-items: center; gap: var(--space-base); flex-wrap: wrap; + min-width: 0; } .community-desc {