Add rotating hero image gallery for desktop breakpoint

Browse Source

- Add 5 new hero images to assets/images/hero-gallery/
- Create hero-section.js with image rotation (6s interval)
- Only preload/animate at >= 1450px to save mobile bandwidth
- Fade transition with slight grow effect
- Add overflow:hidden to prevent scrollbar during transition
- Images use 30% right crop via transform system

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

Hanson.xyz Dev

2025-11-30 22:38:34 -06:00

parent 1a4d41def6

commit 4be4edb4ad

20 changed files with 203 additions and 657 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

wp-content/cache/transformed-images/171601b0054d630fd86a1d8fd1c10288.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 642 KiB

wp-content/cache/transformed-images/675a038af5359845af56370e3091df25.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.2 MiB

wp-content/cache/transformed-images/85cd43e6793117a8f2110c03eb38519f.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.2 MiB

wp-content/cache/transformed-images/d613ad505a4f82e1cf7fadfd81615738.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.7 MiB

wp-content/cache/transformed-images/efe83bb02d3e68fbee61c8c1d36e4b47.webp

Vendored

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.7 MiB