- Add desktop.webp (2732x1535) for desktop devices and mobile.webp (556x1535) for mobile
- Create adaptive-background.css with media queries (max-width: 736px for mobile)
- Update config.toml to use desktop.webp as default background
- Modify htmlhead.html to include adaptive-background.css
- Update preload-images.html for responsive image preloading
- Optimize background loading based on device screen width
Both images include overlay.png and gradient overlay for consistent design.
Mobile version (124 KB) is 5.8x lighter than desktop version (716 KB).
- Added bg-winter.webp to static/images/ (correct Hugo location)
- Disabled seasonal background logic (commented out)
- Set static winter background for all seasons
- Background now displays correctly on website
- Added bg-winter.webp for winter season display
- Updated seasonal-background.html to use webp format for winter
- Winter background will automatically show during winter months (Dec 21 - Mar 20)
Kirik