Something went wrong. Try again.
Website hub for the atmosphere community, aggregating posts, events, regional, and more
Something went wrong. Try again.
2.0 kB · 80 lines
Astro
at mega-cleanup
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081---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 →", },];---
<section class="section section--alt" aria-labelledby="involved-heading"> <div class="container"> <h2 id="involved-heading" class="section__title">Get involved</h2> <div class="grid-2 highlights-grid"> { highlights.map((highlight) => ( <div class="highlight-card card"> <h3>{highlight.title}</h3> <p>{highlight.description}</p> <a href={highlight.href} rel="noopener noreferrer" target="_blank"> {highlight.linkText} </a> </div> )) } </div> </div></section>
<style> .section--alt { background: var(--neutral-100); }
.highlight-card { display: flex; flex-direction: column; gap: var(--space-sm); } .highlight-card h3 { font-family: var(--font-body); font-size: var(--text-sm); font-weight: 600; } .highlight-card p { font-size: var(--text-xs); color: var(--color-text-muted); line-height: var(--leading-normal); } .highlight-card a { font-size: var(--text-xs); font-weight: 500; }
.highlights-grid { margin-top: var(--space-xl); }</style>