Skip to content

Conversation

ADITYATIWARI342005
Copy link

This PR addresses issue #177 by replacing the outdated three-card block with a modern, data-verified comparison table showcasing HMPL against Alpine.js and HTMX.

Design & Implementation

  • Custom responsive Vue component matching existing site gradient aesthetic
  • Hover effects and visual indicators consistent with current design language
  • FontAwesome icons already in project dependencies
  • Mobile-friendly with proper breakpoints
  • Links to existing metrics section showing real-world performance advantages

Data Accuracy Improvements

  • Verified bundle sizes: Alpine.js ~8.4KB, HTMX ~14.1KB (gzipped & minified)
  • References existing metrics showing HMPL's real-world advantages (1.67x smaller than vanilla, 1.14x smaller than Alpine.js)
  • Added data source attribution and disclaimers
  • 13 comparison points with fact-checked information

Technical Quality

  • Zero linting errors
  • Follows Vue 3 composition patterns
  • Semantic HTML with accessibility considerations
  • No additional dependencies required

Closes #177

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.

Replace the block with a table comparing hmpl with other modules
1 participant