mirror of
https://github.com/shadoll/www.shadoll.git
synced 2026-08-28 11:33:15 +00:00
77 lines
2.8 KiB
Markdown
77 lines
2.8 KiB
Markdown
# TODO
|
|
|
|
## Completed ✓
|
|
|
|
### Core Features
|
|
- [x] Create README.md with project documentation
|
|
- [x] Create TODO.md for task tracking
|
|
- [x] Create CLAUDE.md with AI instructions
|
|
- [x] Create base HTML structure with full-screen layout
|
|
- [x] Implement animated gradient background with smooth transitions
|
|
- [x] Implement logo full-body animations (shake, rotate, tilt)
|
|
- [x] Implement logo internal SVG element animations (neon, color change, explosion, fly)
|
|
- [x] Create URL parameter configuration system
|
|
- [x] Add animation speed controls via URL parameters (0.1x to 5x)
|
|
- [x] Add keyboard shortcuts for toggling animations
|
|
- [x] Implement responsive design for mobile devices
|
|
- [x] Add accessibility features (reduced motion support)
|
|
- [x] Create documentation for all URL parameters
|
|
|
|
### Enhanced Features (Recent)
|
|
- [x] Add toast notification system with liquid glass design
|
|
- [x] Create beautiful HTML help modal window
|
|
- [x] Add multiple help toggle keys (H, ?, /, ESC)
|
|
- [x] Implement 6 color palettes (default, blue-yellow, dark, light, fire, nature)
|
|
- [x] Add palette cycling with P key
|
|
- [x] Implement interactive logo mode (cursor/gyroscope control)
|
|
- [x] Create mixed mode (auto tilt + interactive on movement)
|
|
- [x] Add auto-switching between cursor and gyroscope inputs
|
|
- [x] Mobile-first responsive design (logo at 60% of screen)
|
|
- [x] Touchable kbd buttons for mobile devices
|
|
- [x] Apple-style liquid glass UI design
|
|
- [x] Footer with copyright
|
|
- [x] Fix mobile logo sizing with unified viewBox
|
|
- [x] Increase interactive tilt sensitivity for mobile
|
|
|
|
## In Progress
|
|
- [ ] Final testing on various devices
|
|
- [ ] Performance profiling and optimization
|
|
|
|
## Planned Features
|
|
|
|
### Phase 1: Future Enhancements
|
|
- [ ] Add more color palettes (custom palette creator?)
|
|
- [ ] Animation intensity controls (subtle vs dramatic)
|
|
- [ ] Save/load user preferences (localStorage)
|
|
- [ ] PWA support (offline mode, install prompt)
|
|
|
|
### Phase 2: Advanced Interactions
|
|
- [ ] Add particle effects around logo
|
|
- [ ] Multi-touch gestures for mobile
|
|
- [ ] Voice control activation (experimental)
|
|
- [ ] Camera-based face tracking for logo control
|
|
|
|
### Phase 3: Visual Enhancements
|
|
- [ ] Add blur/glow effects to logo
|
|
- [ ] Background pattern overlays
|
|
- [ ] Custom logo color picker
|
|
- [ ] Gradient animation directions (vertical, diagonal)
|
|
|
|
### Phase 4: Developer Features
|
|
- [ ] Export configuration as shareable link
|
|
- [ ] QR code generator for current config
|
|
- [ ] Embed code generator for other websites
|
|
- [ ] API for programmatic control
|
|
|
|
## Known Issues
|
|
- None currently
|
|
|
|
## Future Ideas
|
|
- WebGL background effects (shader-based gradients)
|
|
- Three.js integration for 3D logo animations
|
|
- SVG path morphing animations
|
|
- Audio visualization sync with animations
|
|
- Social media sharing with preview cards
|
|
- Theme marketplace/gallery
|
|
- Multi-language support for help system
|