- 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>
- First (pinned) post on mobile: title and image centered
- Pagination: restored page counter on mobile, buttons above footer
- Typography and layout minor improvements
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add explicit white color and bold weight to footer navigation spans
- Increase seasonal info opacity from 50% to 85% for better contrast
- Ensures footer text meets WCAG accessibility standards
- Improves readability for users with low vision
- Remove user-scalable=no which blocks zooming
- Add maximum-scale=5 to allow users to magnify up to 5x
- Complies with accessibility guidelines (WCAG 2.1)
- Allows screen magnification users to properly see content
- 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).