- 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).
Kirik