Skip to content

feat: tabbed markdown section below home hero - #11

Open
iRedSC wants to merge 1 commit into
masterfrom
cursor/home-tabs-section-0724
Open

feat: tabbed markdown section below home hero#11
iRedSC wants to merge 1 commit into
masterfrom
cursor/home-tabs-section-0724

Conversation

@iRedSC

@iRedSC iRedSC commented Jul 7, 2026

Copy link
Copy Markdown
Owner

Summary

Adds a tabbed content section directly below the home page hero. Tab labels and panel copy are edited in a single YAML file using markdown — no component or page markup changes required for content updates.

Editing content

Edit src/data/home-tabs.yaml:

  • Optional title for the section heading
  • tabs array with id, label, and markdown body (use YAML | blocks for multi-line content, same pattern as project demoNote)

Implementation

  • HomeTabs.astro — accessible tab UI (ARIA tabs pattern, keyboard navigation) with chip-style triggers and a bordered content panel
  • getHomeTabs() loader reads the YAML at build time; panels render via existing renderMarkdown()
  • Styling matches the rest of the site: accent chips, card border/background, no glow or box shadows

Preview

The section appears between the hero and featured projects on /.

Open in Web Open in Cursor 

Introduce a YAML-driven tabbed content block on the home page so copy
can be edited with markdown without touching page markup. Styling reuses
chip-style tab triggers and bordered panels without glow or shadows.

Co-authored-by: iRedSC <iRedSC@users.noreply.github.com>
@iRedSC
iRedSC marked this pull request as ready for review July 7, 2026 19:38
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.

2 participants