Skip to content

Elevate "Things I've shipped recently" homepage section#4

Merged
AltanEsmer merged 2 commits into
mainfrom
claude/gifted-kirch-ccc0da
May 9, 2026
Merged

Elevate "Things I've shipped recently" homepage section#4
AltanEsmer merged 2 commits into
mainfrom
claude/gifted-kirch-ccc0da

Conversation

@AltanEsmer

Copy link
Copy Markdown
Owner

Summary

  • Makes the homepage projects section read like a portfolio anchor instead of a logo wall — it's the second block on the page and a primary signal of credibility, but the framing was light.
  • New header treatment: bigger section padding, a confident lede paragraph under the title, and a 4-tile stats strip (Projects shipped / Active repos / Languages / Last shipped) reusing the existing live-window stat styling.
  • Each bento card now shows when it last shipped (e.g. 01 · SHIPPED APR 2026), pulled from pushedAt in projects.generated.json.
  • New bottom CTA strip links through to the full /projects archive instead of dead-ending the section.
  • Spacing polish: gap 18px → 20px, autorow 200px → 220px, more vertical rhythm between sub-blocks.

No card-design overhaul — bento layout, hover states, and the featured live-preview window are unchanged. No new dependencies; no globals.css edits.

Test plan

  • npm run dev → load http://localhost:3000, scroll to #projects. Confirm: eyebrow → title → lede → stats strip → filters → bento → CTA stack cleanly.
  • Each card shows a shipped date next to its number.
  • "View all projects →" navigates to /projects.
  • Resize <640px and <1000px — stats strip collapses to 2-up, CTA stacks, bento collapses correctly.
  • Click each filter (all / frontend / backend / design) — showing X of Y counter updates; reveal animations re-fire.
  • npm run lint clean.
  • npm run build produces a successful static export.

🤖 Generated with Claude Code

AltanEsmer and others added 2 commits May 9, 2026 18:55
Surface each project's last-pushed date from projects.generated.json
through BentoProject as `shippedAt` (formatted) and `shippedAtISO`,
and render it next to the card number so every card answers "when?".

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Make the homepage projects block read like a portfolio anchor instead
of a logo wall: bigger section padding, a confident lede paragraph
under the title, a 4-tile stats strip (shipped / repos / languages /
last shipped), more breathing room in the bento, and a bottom CTA
linking to the full /projects archive.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@AltanEsmer AltanEsmer merged commit 11f0730 into main May 9, 2026
2 checks passed
@AltanEsmer AltanEsmer deleted the claude/gifted-kirch-ccc0da branch May 9, 2026 15:58
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