feat(ecosystem): PR4 — community-first arrival with portal cards#29
Closed
BunsDev wants to merge 1 commit into
Closed
feat(ecosystem): PR4 — community-first arrival with portal cards#29BunsDev wants to merge 1 commit into
BunsDev wants to merge 1 commit into
Conversation
Rebuild the thin closing section into a deliberate "choose your door" arrival on the shared .panel.panel--arrival surface. - Two-column layout: a dominant "Join the Coven" (Discord) CTA beside a 2×2 grid of descriptive destination cards (Coven CLI on GitHub, Docs, CastCodes terminal, Download CovenCave) built on .panel-inset.is-card with familiar-sigil icon tiles. - Sentence-case closing headline with a period to match the sibling sections; each destination gains a one-line description. - External links get target/rel + an sr-only "(opens in new tab)"; the ↗ cue nudges on hover, icon tiles pick up the shared hover glow. - Collapses to one column at 900 (edge-to-edge), portals stack at 520. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
There was a problem hiding this comment.
Pull request overview
Reworks the closing Ecosystem section into a “community-first arrival” layout using the shared .panel.panel--arrival surface, pairing a dominant Discord CTA with a 2×2 grid of destination portal cards. The PR also introduces additional responsive/viewport-specific styling adjustments (short-laptop Hero compression, orientation-aware Hero stacking, and ultrawide scaling).
Changes:
- Rebuild
Ecosystem.astrointo a two-column arrival layout with a primary Discord CTA and a mapped set of four portal cards (icons + one-line descriptions). - Add/adjust global CSS for the new arrival layout (grid, CTA styling, portal cards, responsive stacking at 900px and 520px).
- Add new global responsive rules for short-height laptops and ultrawide viewports, plus orientation-aware Hero stacking.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
| src/styles/global.css | Adds arrival-section layout/styles and new responsive rules (short-height + ultrawide + orientation-aware Hero). |
| src/components/Ecosystem.astro | Replaces the previous CTA strip with a community-first arrival CTA + portal card grid. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+29
to
35
| <a class="eco-cta" href="https://discord.gg/opencoven"> | ||
| <span class="eco-cta-icon"><Fragment set:html={DISCORD} /></span> | ||
| <span class="eco-cta-text"> | ||
| <span class="eco-cta-title">Join the Coven</span> | ||
| <span class="eco-cta-sub">Discord community — help shape the roadmap</span> | ||
| </span> | ||
| </a> |
|
|
||
| <ul class="ecosystem-portals reveal-stagger" role="list"> | ||
| {portals.map((p) => ( | ||
| <li> |
Comment on lines
+806
to
+810
| /* ── Short laptops: keep the whole thesis above the fold ─ | ||
| At ~640-720px-tall viewports the default rhythm pushes the | ||
| continuity timeline below the fold. Compress vertical rhythm | ||
| only — widths and columns stay untouched. */ | ||
| @media (min-width: 901px) and (max-height: 720px) { |
This was referenced Jul 7, 2026
Member
Author
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
PR4 of the section overhaul — Ecosystem
Stacked on #28 → #27 → #26. Merge those first.
Rebuilds the thin closing section into a deliberate "choose your door"
arrival on the shared
.panel.panel--arrivalsurface. Per the product call,this is community-first: Discord is the dominant CTA (no re-instantiated
download bar, so
main.jsis untouched).What changed
.panel-inset.is-cardwith familiar-sigil icon tiles.target/rel+ an sr-only "(opens in new tab)"; the↗cue nudges on hover; icon tiles pick up the shared hover glow; focus via--oc-focus-ring.Verification
npm run build✓ ·npm run check✓ · no console errors (CDP).🤖 Generated with Claude Code