# Changelog

All notable changes to the Shutter template will be documented in this file.

## [2.0.0] - 2026-01-12

### Major Changes

- Upgraded from Bootstrap 4 to **Bootstrap 5.3.8**
- Removed jQuery dependency completely - now **100% vanilla JavaScript**
- Replaced FancyBox with **GLightbox** for image lightbox functionality
- Restored original coral/salmon primary color (`#ef6c57`)

### New Features

- **WebP images** with `<picture>` fallback for all images (30-40% smaller file sizes)
- **Non-blocking CSS** loading for improved performance
- **Preconnect hints** for Google Fonts (faster font loading)
- **AOS** (Animate On Scroll) for smooth scroll animations
- Added **500px** and **Flickr** social icons for photographers

### Performance Improvements

- Optimized font loading (reduced from 5 weights to 4)
- Non-blocking stylesheet loading with `media="print"` + `onload` pattern
- Removed 8+ unused JavaScript libraries
- Main.js reduced from ~240 lines to ~80 lines
- Total JavaScript reduced by ~85%

### Removed Libraries

| Library | Reason |
|---------|--------|
| jQuery 3.3.1 | Replaced with vanilla JS |
| jQuery Migrate 3.0.1 | No longer needed |
| jQuery UI | Unused |
| Owl Carousel | Unused |
| Magnific Popup | Replaced with GLightbox |
| FancyBox | Replaced with GLightbox |
| Bootstrap Datepicker | Unused |
| jQuery Stellar | Unused |
| jQuery Countdown | Unused |
| Slick Carousel | Unused |
| Typed.js | Unused |
| MediaElement.js | Unused |

### Removed Files

- `js/slick.min.js` - Unused carousel
- `js/typed.js` - Unused typing animation
- `js/mediaelement-and-player.min.js` - Unused media player
- `css/mediaelementplayer.css` - Unused media player styles
- `css/bootstrap/` - Old Bootstrap 4.1.3 compiled CSS
- `fonts/flaticon/` - Unused icon font (template uses IcoMoon)

### Social Icons

- Facebook, Twitter, Instagram (existing)
- Added: 500px, Flickr (photography-focused platforms)

### Bootstrap 4 to 5 Migration

| Bootstrap 4 | Bootstrap 5 |
|-------------|-------------|
| `ml-*` | `ms-*` |
| `mr-*` | `me-*` |
| `data-toggle` | `data-bs-toggle` |
| `data-target` | `data-bs-target` |

### Other Changes

- GA4 analytics placeholder ready (replace `G-XXXXXXXXXX`)
- Cleaner `<head>` structure with proper resource hints
- Removed `shrink-to-fit=no` from viewport meta (deprecated)
- Fixed breakpoint mixin (`xs` to `sm` for Bootstrap 5 compatibility)
- Increased photo grid image height from 300px to 320px

---

## [1.0.0] - Original Release

- Original Colorlib Shutter template
- Bootstrap 4.x
- jQuery 3.3.1
- Multiple jQuery plugins
