Implement responsive table layout for category pages

[Copilot]

Category pages now display tools in responsive tables filtered by category, replacing the previous card-grid layout.

Changes

Layout (_layouts/category.html)

• Replaced card grid with HTML table displaying: Tool Name, Developer, Description, Cost, Skill Level, Coverage, Actions
• Added embedded CSS for responsive behavior:
  • Desktop (>768px): Traditional table with horizontal scroll
  • Mobile (≤768px): Stacked cards with labeled fields via data-label attributes
• Implemented Liquid filtering: site.data.tools | where_exp: "tool", "tool.categories contains page.category"
• Color-coded cost badges (green/orange/red for Free/Freemium/Paid)

Dependencies

• Added Gemfile with Jekyll theme and plugins (jekyll-theme-minimal, jekyll-feed, jekyll-seo-tag, jekyll-sitemap, kramdown-parser-gfm)
• Updated .gitignore to exclude build artifacts (_site/, .sass-cache/, Gemfile.lock)

Screenshots

Desktop view:

Mobile view:

Multiple categories:

Original prompt

Enhance the content and functionality of all category pages in the repository by setting up tables that display tools or resources specific to each individual category.

Tasks:

1. For each category page (e.g., green.md, flood.md, energy.md, etc.), design and implement a table format that displays tools filtered based on their respective categories.
2. Pull data from the tool database to populate category-specific details.
3. Ensure the tables are responsive and formatted clearly for easy reading on both desktop and mobile.
4. Test each category page locally to verify the proper display of data in the tables. Ensure accuracy of the tools listed for each category.

Deliverables:

• Fully populated and filtered tables on each category page.
• Tables are tested and verified for usability on all devices.

This pull request was created from Copilot chat.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.