www.shadoll/CHANGELOG.md

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

  • 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: Added speed control to features, added speed examples
  • USAGE.md: New Performance Configuration section, speed examples
  • SUMMARY.md: Updated technical details and testing instructions
  • 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, css/styles.css, js/app.js, README.md, USAGE.md, SUMMARY.md, 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 - Main entry point
• css/styles.css - All styles and animations
• js/app.js - Configuration and control system
• images/shadoll.svg - Logo file
• README.md - Project overview
• USAGE.md - Detailed usage guide
• TODO.md - Development roadmap
• CLAUDE.md - AI assistant instructions
• SUMMARY.md - Project summary
• deploy.md - Deployment guide
• 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 format.

Version Format

• Major.Minor.Patch (Semantic Versioning)
• Major: Breaking changes
• Minor: New features (backward compatible)
• Patch: Bug fixes (backward compatible)