- Global headings: drop ALL CAPS, use sentence case + weight 700
- Post cards: refined date (small/uppercase/muted), cleaner title hierarchy
- Single post: date metadata style, subtitle no-italic, body line-height 1.75
- Logo frame (#header .logo): border-radius 12px
- All images: border-radius 8px (posts), 6px (gallery)
- Smooth lazy-load: CSS fadeIn animation + JS fallback (image-fade.js)
- Cache-busting: typography CSS with Hugo timestamp query string
- Trip card: replace broken gallery link with direct Elbrus S3 image URL
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove separate mobile image (was causing file bloat and complexity)
- Use desktop.webp (716 KB) for all screen sizes via media query
- Browser's background-size: cover handles responsive display
- Simplify preload-images.html to single image preload
- Cleaner CSS without unnecessary file duplication
- 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