Commit Graph

15 Commits

Author SHA1 Message Date
Aaron Powell
2f9c59444b fix(website): update button styles and fix dropdown z-index
- Change primary buttons from gradient to solid Copilot Purple (#8534F3)
- Add position:relative and z-index:10 to .filters-bar to fix
  Choices.js dropdown appearing behind resource list items
2026-02-02 13:46:39 +11:00
Aaron Powell
94a395dbe0 feat(website): add comprehensive accessibility improvements
Phase 1 - Screen Reader Critical:
- Add aria-label to main navigation
- Add accessible names to icon-only buttons (GitHub, theme toggle, close)
- Add aria-hidden to decorative SVGs and emoji icons
- Add role=dialog, aria-modal, aria-labelledby to modal
- Add skip link with visible focus state

Phase 2 - Keyboard Navigation:
- Implement focus trap in modal (Tab/Shift+Tab cycles)
- Return focus to trigger element on modal close
- Replace outline:none with visible focus rings
- Add keyboard navigation to install dropdown (arrows, escape)
- Add aria-expanded to dropdown toggles

Phase 3 - Dynamic Content:
- Add aria-live=polite to results counts and loading states
- Add role=listbox to search results
- Add role=list to resource lists
- Add role=menu/menuitem to dropdown menus

Phase 4 - Forms & Labels:
- Add .sr-only utility class for screen reader text
- Add visually hidden labels to all search inputs
- Add aria-label to filter dropdowns

Files modified:
- BaseLayout.astro, Modal.astro (ARIA attributes)
- modal.ts (focus trap, keyboard navigation)
- global.css (sr-only, skip-link, focus styles)
- All page files (labels, live regions, roles)
2026-02-02 11:52:31 +11:00
Aaron Powell
f99c99a5d4 fixing overflow 2026-02-02 10:36:16 +11:00
Aaron Powell
b1b3ab377d Fix search results dropdown z-index on home page
Add z-index to .hero-search container so dropdown appears above cards
2026-02-02 10:14:35 +11:00
Aaron Powell
e3894a0b1b Merge resource counts into home page cards
- Remove separate hero-stats section
- Add card-count element to each resource card
- Update JS to populate counts from manifest
- Add card-with-count CSS for layout with count badge
- Reduces vertical space on home page
2026-02-02 10:09:36 +11:00
Aaron Powell
0c6ccf3908 feat: use official GitHub Copilot logo in header
- Add Copilot_Icon_White.svg and Copilot_Icon_Black.svg
- Switch between white/black logos based on theme
- Update favicon to use Copilot icon
2026-01-29 10:49:36 +11:00
Aaron Powell
43a1ca1844 style: update colors to GitHub Copilot brand palette
Use official Copilot colors from brand.github.com:
- Primary purple: #8534F3
- Purple variants: #C898FD, #B870FF, #43179E, #26115F
- Orange accents: #FE4C25, #F08A3A, #C53211
- Updated gradients to use purple-to-orange blend
2026-01-29 10:45:39 +11:00
Aaron Powell
10e42f4bed style: fix collection modal spacing and make items more compact 2026-01-29 10:39:41 +11:00
Aaron Powell
3bb799616a feat: show collections as item list in modal instead of raw YAML
- Display collection name, description, and tags
- Show clickable list of items in the collection
- Each item shows icon, filename, usage hint, and type badge
- Clicking an item opens that file in the modal
- Hide copy/download buttons for collections (they don't apply)
2026-01-29 10:37:55 +11:00
Aaron Powell
c052ec05b5 style: remove gradient from page header text for readability 2026-01-29 10:28:23 +11:00
Aaron Powell
7e7b5c8610 feat: implement split button dropdown for install options
- Replace separate VS Code/Insiders buttons with single Install dropdown
- Primary 'Install' button opens in VS Code, dropdown chevron reveals options
- Dropdown shows 'VS Code' and 'VS Code Insiders' choices
- Add CSS for split button styling with glassmorphism dropdown
- Apply to modal and all list views (agents, prompts, instructions)
2026-01-29 09:33:49 +11:00
Aaron Powell
63f2080694 fix: allow search result descriptions to wrap fully 2026-01-28 17:08:52 +11:00
Aaron Powell
4411eea562 fix: improve homepage search results dropdown styling
- Left-align search results content
- Add proper icon container with background
- Improve spacing and padding
- Add highlight styling for search matches
- Add empty state styling
- Support both .search-result and .search-result-item classes
2026-01-28 17:07:20 +11:00
Aaron Powell
57edb2a34b style: modernize website design with gradients and glassmorphism
- Add gradient backgrounds and accents using purple/pink/cyan palette
- Implement glassmorphism effects on header, cards, and filters
- Add gradient text for headings and stats
- Improve card hover effects with glow shadows and gradient borders
- Update buttons with gradient primary style
- Add subtle pattern overlay on hero section
- Increase spacing and border radius for modern feel
- Update tags with gradient backgrounds
- Add left accent border animation on resource items
- Improve modal with blur backdrop and rounded corners
- Update color palette for both light and dark themes
2026-01-28 17:03:20 +11:00
Aaron Powell
aa42998e29 chore: rename website-astro to website, update gitignore
- Rename website-astro/ to website/
- Add website/dist/ and website/.astro/ to gitignore
- Update generate-website-data.mjs output path
2026-01-28 16:42:32 +11:00