Skip to content

v1.4.0 - Complete UI Redesign + Accessibility & Cookie Consent

Latest
Latest

Choose a tag to compare

View all tags
@kirii86 kirii86 released this 22 Nov 12:48
· 27 commits to main since this release
1.4.0
97846ca
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

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-20 to pt-24 pb-12
    • Section spacing reduced from py-24 to py-16
    • Tighter margins around headings and text
  • Consistent backgrounds: All pages now use #141414 for 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.astro
  • src/components/CookieBanner.astro
  • public/grid-pattern.svg

Major Modifications

  • src/layouts/BaseLayout.astro - Integrated new components, fixed light/dark mode
  • src/components/Header.astro - Complete redesign with glassmorphism
  • src/components/Footer.astro - Updated styling and background
  • src/components/Card.astro - Refactored for new design system
  • src/pages/index.astro - Complete redesign and compacted layout
  • src/pages/guias.astro - Updated backgrounds and styling
  • src/pages/descargas.astro - Redesigned with centered layout
  • src/pages/herramientas.astro - Updated to match new design
  • src/pages/software.astro - Updated to match new design
  • src/pages/optimizer.astro - Complete redesign
  • src/i18n/ui.ts - Added accessibility and cookie translations
Assets 2
Loading