feat: enhance help system with toast notification highlighting and logo documentation

This commit is contained in:
sha
2025-12-28 05:38:55 +02:00
parent 6ced857f0f
commit a27fcfc0f6
3 changed files with 52 additions and 22 deletions
+17 -5
View File
@@ -2,7 +2,7 @@
All notable changes to the Shadoll Animated Placeholder project will be documented in this file.
## [2.0.0] - 2025-12-28
## [1.2.0] - 2025-12-28
### Major New Features
@@ -63,15 +63,25 @@ All notable changes to the Shadoll Animated Placeholder project will be document
- **Help System Improvements**:
- Multiple help toggles: `H`, `?`, `/` keys
- `ESC` key closes help window
- Toast notifications moved to top
- Toast notifications moved to top with higher z-index (1002)
- Toast always appears above help window on mobile
- Help button always at bottom-right corner
- Removed duplicate/conflicting media query styles
- **Toast Notification Highlighting**:
- Changed settings are highlighted in bold in toast messages
- Provides clear visual feedback on what was modified
- Uses HTML formatting for emphasis
- **Footer**: Added copyright notice at bottom center
- Semi-transparent white text
- Subtle shadow for visibility
- Responsive sizing
- **Logo Documentation**: Added description of logo design
- Logo represents "s" and "d" from "shadoll" word
- Documented in README.md and CLAUDE.md
### Changed
- **Default Animation**: Changed from `tilt` to `mixed`
@@ -89,10 +99,12 @@ All notable changes to the Shadoll Animated Placeholder project will be document
### Files Modified
- [index.html](index.html) - Added palette param, footer, data-key attributes
- [css/styles.css](css/styles.css) - 6 palettes, liquid glass styles, mobile fixes
- [js/app.js](js/app.js) - Interactive controller, viewBox setup, palette cycling
- [README.md](README.md) - Updated features and examples
- [css/styles.css](css/styles.css) - 6 palettes, liquid glass styles, mobile fixes, toast z-index
- [js/app.js](js/app.js) - Interactive controller, viewBox setup, palette cycling, toast highlighting
- [README.md](README.md) - Updated features, examples, and logo description
- [TODO.md](TODO.md) - Marked completed tasks
- [USAGE.md](USAGE.md) - Updated with all new features and examples
- [CLAUDE.md](CLAUDE.md) - Added logo design documentation and architectural decisions
- [CHANGELOG.md](CHANGELOG.md) - This file
---