Commit Graph

3 Commits

Author SHA1 Message Date
tony
9ca343bd01 feat: Implement comprehensive system-wide accessibility color adaptations
- Add complete CHORUS accessibility theme system with CSS custom properties
- Implement functional visual aid buttons that apply themes globally
- Create comprehensive Tailwind utility overrides for all vision types:
  • Protanopia: Ocean/Sand system for red-blind clarity
  • Deuteranopia: Purple/Blue enhanced contrast for green-blind
  • Tritanopia: Red/Warm earth tones for blue-blind users
  • Achromatopsia: High-contrast grayscale system
- Integrate 3D logo material changes with accessibility themes
- Add cross-component theme communication via custom events
- Implement system-wide color adaptation covering backgrounds, text, borders
- Add theme selection indicators with proper contrast rings
- Support both light/dark mode variations for all accessibility themes
- Maintain CHORUS brand integrity while maximizing visual clarity

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-25 19:42:46 +10:00
tony
dd63993570 feat: Implement responsive navigation system with mobile hamburger menu
- Add mobile-first navigation with hamburger menu and top-right controls
- Implement accordion-style mobile menu matching sidebar structure
- Add theme toggle and accessibility buttons to mobile header
- Update responsive breakpoints to lg: (1024px) for better tablet/desktop split
- Hide sidebar on mobile, show primary nav on desktop
- Update content padding to use proportional CHORUS spacing system
- Fix logo centering in 3D canvas with proper origin calculations
- Lighten header and bottom dock transparency to 80%
- Add route-aware navigation state management
- Include visual aid modal accessible from mobile menu

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-25 10:28:25 +10:00
tony
d83dbdce46 feat: Implement proper Three.js logo system with custom environment mapping
- Replace CDN-based Three.js with npm packages for reliable loading
- Add DRACO loader support for compressed GLB files
- Implement custom horizon gradient environment mapping
- Use exact material properties from reference logo.html (MeshPhysicalMaterial)
- Apply proper metallic sheen, clearcoat, and reflectivity settings
- Fix camera positioning and canvas sizing to prevent clipping
- Maintain square aspect ratio for consistent logo display
- Load user's mobius-ring.glb with fallback torus geometry

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-24 14:13:29 +10:00