Release v1.4.0 - Complete UI Redesign + Accessibility & Cookie Consent
This major release includes a complete website redesign with modern glassmorphism aesthetics, new accessibility features, cookie consent management, and comprehensive bug fixes across the entire codebase.
Complete UI Redesign
Design System Overhaul
- Glassmorphism aesthetic: Dark backgrounds with subtle borders and backdrop blur effects
- Modern color palette: Vibrant gradients using blue, purple, and pink accents
- Consistent styling: All components now follow the same design language
- Premium feel: Smooth animations, hover effects, and micro-interactions throughout
Updated Components
- Header: Redesigned with glassmorphism style, improved button aesthetics
- Footer: Updated background color and styling to match new design
- Cards: Refactored to use glassmorphism with proper light/dark mode support
- Buttons: Modernized with new color scheme and hover effects
Page-Specific Updates
- Home Page: Complete redesign with new hero section, feature cards, and compacted layout
- Guides Page: Updated background colors and reduced hover glow opacity for better readability
- Downloads Page: Centered layout, updated backgrounds, and improved card design
- Tools & Software Pages: Redesigned to match new design language
- Optimizer Pages: Complete redesign with modern color palette and glassmorphic cards
New Features
Accessibility Toolbar
- Floating accessibility panel positioned on the center-left side of the screen
- Text size controls: Increase/decrease text size dynamically
- Visual filters: Grayscale, high contrast, and negative contrast modes
- Link enhancement: Option to underline all links for better visibility
- Readable font: Switch to Arial/Helvetica for improved readability
- Reset functionality: Restore all accessibility settings to default
- Fully bilingual: Available in Spanish and English
Cookie Consent Banner
- Compact floating card at the bottom center of the page
- Three action buttons: Accept All, Reject All, and Customize
- LocalStorage integration: Remembers user preferences across sessions
- Privacy-focused: Only appears on first visit
- Modern design: Matches the site's glassmorphism aesthetic with blue accent color
- Fully bilingual: Spanish and English support
UI/UX Improvements
- Compacted Home Page: Reduced vertical spacing to minimize scrolling
- Hero section padding reduced from
pt-32 pb-20topt-24 pb-12 - Section spacing reduced from
py-24topy-16 - Tighter margins around headings and text
- Hero section padding reduced from
- Consistent backgrounds: All pages now use
#141414for dark mode - Improved readability: Reduced hover glow effects across all pages
Bug Fixes
Light/Dark Mode
- Restored theme switching: Fixed light mode support across all pages
- BaseLayout: Updated body background to support both themes
- All pages: Added proper
dark:variants for backgrounds, text, and borders - Components: Header, Footer, Card, and TarjetaTools now properly support both themes
- Optimizer page: Removed hardcoded CSS import, restored light mode support
Visual Fixes
- Footer alignment: Fixed background color to match body (
#141414) - Header spacing: Removed top padding that caused visual "strip" issue
- Downloads page: Centered single card in previous versions section
- Hover effects: Reduced opacity for better text readability
Technical Improvements
- Cleaner codebase: Removed all legacy CSS files and imports
- Tailwind CSS only: All styling now uses Tailwind utility classes
- Better component structure: Improved HTML semantics and accessibility
- Optimized build: Faster compilation and smaller bundle size
- Removed unused components: Cleaned up AnimatedBackground and BackgroundSelectorCompact
Files Changed
New Components
src/components/AccessibilityToolbar.astrosrc/components/CookieBanner.astropublic/grid-pattern.svg
Major Modifications
src/layouts/BaseLayout.astro- Integrated new components, fixed light/dark modesrc/components/Header.astro- Complete redesign with glassmorphismsrc/components/Footer.astro- Updated styling and backgroundsrc/components/Card.astro- Refactored for new design systemsrc/pages/index.astro- Complete redesign and compacted layoutsrc/pages/guias.astro- Updated backgrounds and stylingsrc/pages/descargas.astro- Redesigned with centered layoutsrc/pages/herramientas.astro- Updated to match new designsrc/pages/software.astro- Updated to match new designsrc/pages/optimizer.astro- Complete redesignsrc/i18n/ui.ts- Added accessibility and cookie translations