The shimmering hover effect on content boxes was implemented with a `::before` pseudo-element that covered the entire
container. This overlay was capturing mouse events, preventing interaction with the content inside the box. This commit
adds `pointer-events: none;` to the overlay, allowing clicks and other events to pass through to the underlying
elements.
This commit revamps the visual design to create a more immersive and opulent 'Ultimate Luxury' theme. It evolves the previous minimalist concept by introducing dynamic 3D effects and enhanced interactivity.
Key changes:
- Add a mouse-based 3D parallax effect to the main container.
- Introduce 3D floating elements and ornaments with complex animations.
- Implement a custom cursor with a follower for a unique interactive experience.
- Overhaul the color palette, typography, and spacing for a grander aesthetic.
- Enhance all hover effects and animations with 3D transforms.
- Update the theme-switcher with new, richer color schemes.
This commit introduces a complete visual overhaul, replacing the previous minimalist design with a new 'Luxury Minimalism' theme.
- **Visuals:** Implemented a new color scheme (gold, silver, dark tones) using CSS variables, updated typography with 'Playfair Display', and added sophisticated background effects like animated lines and
diamond patterns.
- **Components:** Redesigned all UI elements including the main container, feature cards, and footer with enhanced shadows, borders, and hover animations.
- **Interactivity:** Refactored the theme switcher to use CSS variables, added a new 'ocean' theme, and introduced a parallax scroll effect on content sections.
This commit completely revamps the page, transitioning from a simple static design to a modern, dynamic, and interactive experience with a glassmorphism aesthetic.
Key additions include:
- **Visual Redesign:** Implemented a dark, 'glassmorphism' theme with blurred backgrounds, gradient text, and enhanced hover effects.
- **Interactive Theme Switcher:** Added a JavaScript-powered feature allowing users to dynamically change the page's color scheme.
- **Dynamic Backgrounds:** Introduced a JavaScript-powered particle animation and CSS-animated decorative shapes to create a more lively and engaging background.
- **Improved Typography:** Switched to 'Noto Sans SC' for better readability and aesthetics.
- **Enhanced Layout:** Refined the overall structure and responsiveness for a more polished user experience on all devices.
Replaces the barebones placeholder index.html with a visually rich, single-page design. This change introduces a modern user interface to serve as a proper landing page.
Key enhancements include:
- A clean, responsive layout using flexbox.
- Modern styling with gradients, shadows, and animations.
- Integration of Font Awesome for icons.
- Structured content with feature cards and a footer.