mirror of
https://github.com/shadoll/www.shadoll.git
synced 2026-08-28 03:28:32 +00:00
108 lines
4.0 KiB
Markdown
108 lines
4.0 KiB
Markdown
# Changelog
|
||
|
||
All notable changes to the Shadoll Animated Placeholder project will be documented in this file.
|
||
|
||
## [1.1.0] - 2025-12-27
|
||
|
||
### Added
|
||
- **Toast Notification System**: Visual feedback when changing settings via keyboard
|
||
- Appears bottom-center with configuration summary
|
||
- Auto-dismisses after 2.5 seconds
|
||
- Responsive sizing for mobile devices
|
||
- Backdrop blur effect for better visibility
|
||
|
||
- **Animation Speed Control**: Full control over animation speed
|
||
- New `speed` URL parameter (range: 0.1x to 5x)
|
||
- Keyboard shortcuts: `+`/`=` (increase), `-`/`_` (decrease), `0` (reset)
|
||
- Affects all animations simultaneously
|
||
- Speed adjustments in 0.25x increments
|
||
|
||
- **Speed Test Suite**: Added 6 speed test examples in [test.html](test.html)
|
||
- Ultra Slow (0.25x)
|
||
- Slow Motion (0.5x)
|
||
- Normal Speed (1x)
|
||
- Double Speed (2x)
|
||
- Triple Speed (3x)
|
||
- Ultra Slow Chaos Mode
|
||
|
||
### Changed
|
||
- **SVG Structure Improvement**: Restructured logo SVG for better organization
|
||
- Moved L path into a group (consistent with S structure)
|
||
- Set fill colors on groups instead of individual paths
|
||
- Both L and S groups now have identical structure
|
||
- Colors: `#222` (L group), `#dc2108` (S group)
|
||
|
||
- **Full-Page Logo Animation**: Logo now animates across entire viewport
|
||
- Container changed from fixed size to full viewport (100vw × 100vh)
|
||
- Logo remains centered and same visual size
|
||
- Animations no longer restricted to small block
|
||
- Added `pointer-events: none` to prevent interaction issues
|
||
|
||
- **CSS Architecture**: Improved animation timing system
|
||
- Introduced `--speed-multiplier` CSS custom property
|
||
- All animation durations now use `calc()` with multiplier
|
||
- Easier to control all animations from single source
|
||
|
||
- **Documentation Updates**: All documentation files updated
|
||
- [README.md](README.md): Added speed control to features, added speed examples
|
||
- [USAGE.md](USAGE.md): New Performance Configuration section, speed examples
|
||
- [SUMMARY.md](SUMMARY.md): Updated technical details and testing instructions
|
||
- [test.html](test.html): Added Speed Tests category
|
||
|
||
### Fixed
|
||
- SVG color inheritance now properly set at group level
|
||
- Logo animation space no longer confined to small area
|
||
- Toast notifications provide clear feedback for all configuration changes
|
||
|
||
### Technical Details
|
||
- **Files Modified**: 7 files ([index.html](index.html), [css/styles.css](css/styles.css), [js/app.js](js/app.js), [README.md](README.md), [USAGE.md](USAGE.md), [SUMMARY.md](SUMMARY.md), [test.html](test.html))
|
||
- **New CSS**: 35 lines for toast notifications
|
||
- **New JS**: ~60 lines for toast and speed control
|
||
- **Total Size**: ~24 KB (HTML + CSS + JS combined)
|
||
|
||
---
|
||
|
||
## [1.0.0] - 2025-12-27
|
||
|
||
### Initial Release
|
||
|
||
#### Core Features
|
||
- Dynamic gradient backgrounds (linear, radial, conic)
|
||
- Logo full-body animations (shake, rotate, tilt)
|
||
- Logo element animations (neon, color, explosion, fly)
|
||
- URL parameter configuration system
|
||
- Keyboard controls (B, G, L, A, E, R, H)
|
||
- Responsive design for all devices
|
||
- Accessibility support (reduced motion)
|
||
- Zero dependencies (vanilla JavaScript)
|
||
|
||
#### Files Included
|
||
- [index.html](index.html) - Main entry point
|
||
- [css/styles.css](css/styles.css) - All styles and animations
|
||
- [js/app.js](js/app.js) - Configuration and control system
|
||
- [images/shadoll.svg](images/shadoll.svg) - Logo file
|
||
- [README.md](README.md) - Project overview
|
||
- [USAGE.md](USAGE.md) - Detailed usage guide
|
||
- [TODO.md](TODO.md) - Development roadmap
|
||
- [CLAUDE.md](CLAUDE.md) - AI assistant instructions
|
||
- [SUMMARY.md](SUMMARY.md) - Project summary
|
||
- [deploy.md](deploy.md) - Deployment guide
|
||
- [test.html](test.html) - Interactive test suite
|
||
|
||
#### Browser Support
|
||
- Chrome/Edge 90+
|
||
- Firefox 88+
|
||
- Safari 14+
|
||
- Mobile browsers (iOS Safari, Chrome Mobile)
|
||
|
||
---
|
||
|
||
## Format
|
||
This changelog follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) format.
|
||
|
||
## Version Format
|
||
- **Major.Minor.Patch** (Semantic Versioning)
|
||
- Major: Breaking changes
|
||
- Minor: New features (backward compatible)
|
||
- Patch: Bug fixes (backward compatible)
|