Skip to content

Home: Community in place of Examples, OG-ratio covers, four to a row - #185

Merged
Jing-yilin merged 1 commit into
mainfrom
home-community
Sep 26, 2026
Merged

Jing-yilin merged 1 commit into
mainfrom
home-community

Conversation

@Jing-yilin

Copy link
Copy Markdown
Contributor
  • Examples section removed from the home page. Below Projects there is now a Community section: the community's latest 8 (shared projects first, then the examples), as the Community page's cards, with See all opening the Community tab. A shared project opens on superproto.dev in the browser, and an example opens as its own tab, the same as from the community dialog. useCommunity() in Community.tsx is the one fetch both pages use.
  • Covers are 1200:630, the Open Graph image's shape: .home-file__thumb uses aspect-ratio, and Card derives the stage height from its width.
  • Four to a row. The grid is minmax(max(min(220px, 100%), (100% - 3 × gap) / 4), 1fr), so it holds four cards until a quarter of the row is under 220px, then three, two or one. The card's count moved onto the last-edited line ("6 canvases · 14 hours ago") so the footer fits at that width.
  • Since the menu now only opens on projects, Target.project is required.
  • RELEASE-NOTES: adds this change, plus the lines Project package, sandboxed boards, sp pack, and the community page #183 left out (the community, and sandboxed boards).

Tests: tsc, oxlint and vitest (228 passed) are clean. Checked on the dev server at 1440 px (4 columns of 236 px) and 900 px (2 columns).

🤖 Generated with Claude Code

…our to a row

The examples are a click away in the community, so the home page ends on the
community's latest instead: shared projects first, then the examples, each
opening as it does from the community page. A project's cover takes the Open
Graph image's shape that thumbnails are drawn at, and the grid holds four
cards a row until a quarter of it is narrower than 220px. The card's count
joins its last-edited line, which fits at that width.

Adds the release-notes lines #183 left out: the community, and sandboxed
boards.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying super-prototyping with  Cloudflare Pages  Cloudflare Pages

Latest commit: a450f64
Status: ✅  Deploy successful!
Preview URL: https://38c09166.super-prototyping.pages.dev
Branch Preview URL: https://home-community.super-prototyping.pages.dev

View logs

@Jing-yilin
Jing-yilin merged commit 06f988e into main Sep 26, 2026
11 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant