Skip to content

feat: Redesign homepage features with two-column layout and research links#189

Merged
jeremyeder merged 5 commits intomainfrom
feature/homepage-redesign-two-column-layout
Dec 10, 2025
Merged

feat: Redesign homepage features with two-column layout and research links#189
jeremyeder merged 5 commits intomainfrom
feature/homepage-redesign-two-column-layout

Conversation

@jeremyeder
Copy link
Copy Markdown
Contributor

Summary

  • Convert features grid to vertical list with two-column layout (feature tile on left 45%, example on right 55%)
  • Add responsive design with 768px mobile breakpoint (vertical stacking on small screens)
  • Link "Research-Backed" feature to Complete Attribute Table on implementation-status.html page (#complete-attribute-table anchor)
  • Add 6 unique examples using mixed approach:
    • Research-Backed: 3-row table snippet with link to full table
    • CI-Friendly: GitHub Actions badge + 3-item checklist
    • One Command Setup: Terminal command with success output
    • Language-Specific: Bulleted list of supported languages
    • Automated Infrastructure: ASCII file tree showing .github/ structure
    • Readiness Tiers: Four certification badge buttons
  • Add 147 lines of CSS for .feature-list, .feature-item, .feature-tile, .feature-example classes
  • Update index.md features section (130 lines changed)

Files Changed

  • docs/assets/css/agentready.css - Added two-column layout CSS with responsive breakpoints
  • docs/index.md - Redesigned features section with new layout and examples
  • docs/implementation-status.md - New page with Complete Attribute Table
  • docs/tbench.md - New Terminal-Bench evaluation dashboard page

Visual Changes

  • Desktop: Horizontal two-column layout with hover effects (border color, shadow, translateX)
  • Mobile: Vertical stacking for screens <768px width
  • All 6 features now have unique, contextual examples on the right side
  • Research-Backed now links directly to the detailed attribute table

Test Plan

  • Jekyll build succeeds locally
  • Desktop layout renders correctly (two columns, 45%/55% split)
  • Mobile layout stacks vertically on narrow screens
  • Research-Backed link anchors to Complete Attribute Table
  • All 6 features display with appropriate examples
  • Hover effects work (border, shadow, translation)
  • Verify GitHub Pages deployment after merge
  • Cross-browser testing (Chrome, Firefox, Safari)

🤖 Generated with Claude Code

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants