Skip to content

release-v3.2.0

Choose a tag to compare

View all tags
@Enz0L Enz0L released this 02 Feb 20:10
· 6 commits to main since this release
releasev3.2.0c
97a1892

Release Notes - MailSecWatcher v3.2.0.

🎨 Major Update: HTML Report UX/Design Transformation

Summary

Complete redesign of HTML reports with a distinctive, modern 2026 aesthetic focused on User Experience. This major update transforms generic-looking reports into professional, engaging security dashboards with advanced visual effects, animations, and accessibility features, thanks to Claude AI and Designer Skills.

✨ New Features

Replaced generic Inter font with a unique font stack:

  • Headers: Archivo Black - Bold, impactful headlines
  • Body: Work Sans - Readable yet distinctive
  • Code/Records: Roboto Mono - Technical, monospace feel

🔧 Technical Improvements

CSS Architecture

  • CSS Variables: Consistent color management via Jinja2 templates
  • Modern Selectors: :focus-visible, nth-child(), @media (prefers-color-scheme)
  • Performant Animations: CSS-only, hardware-accelerated transforms
  • Cubic Bezier Easing: cubic-bezier(0.4, 0, 0.2, 1) for smooth transitions

Browser Compatibility

  • Webkit Prefixes: -webkit-backdrop-filter for Safari support
  • Fallbacks: Graceful degradation for older browsers
  • Cross-platform: Tested on Chrome, Firefox, Safari, Edge

Performance

  • File Size: ~29-30KB per report (optimal, < 500KB target)
  • No External JS: Pure CSS animations, no JavaScript dependencies
  • Inline Styles: Single HTML file, completely standalone
  • Fast Load: Preconnect to Google Fonts for faster font loading

📊 Example Reports Updated

All example reports regenerated with new design:

  • example/google.com_20260202_202633.html - Google custom branding
  • example/proton.me_20260202_202720.html - Proton custom branding
  • example/enzolenair.fr_20260202_202739.html - Default configuration

🚀 Migration Guide

For Existing Users

No action required! All improvements are automatic:

  1. Existing reports will continue to work
  2. New reports automatically use v3.0.0 design
  3. All YAML configurations remain compatible
  4. No changes needed to config/report_config.yaml

Customization

The new design respects all existing customizations:

  • Colors: CSS variables still work via Jinja2
  • Branding: Logo, company name, footer unchanged
  • Output: Same directory structure and filenames
Assets 2
Loading