Hero glass panel at bottom with layered parallax

- Hero text panel moved to bottom with frosted glass effect
  (blur 5px, dark semi-transparent background, hairline top border)
- Scroll arrow centered inside glass panel at the bottom
- Three-layer parallax: image 55%, text 65%, page 100%
- Zeremonie album date fixed (was future-dated, now visible)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
yvierkoetter
2026-06-18 22:18:00 +02:00
parent 40d68d455a
commit 921a852cbf
5 changed files with 25 additions and 23 deletions
+5 -7
View File
@@ -12,15 +12,13 @@
var s = window.scrollY;
if (s > heroH) { ticking = false; return; }
// Background: moves at ~70% of scroll speed (30% slower)
if (heroBg) heroBg.style.transform = 'translateY(' + (s * 0.3) + 'px)';
// Background at 55%, text at 80% — both slower than normal, image slowest
if (heroBg) heroBg.style.transform = 'translateY(' + (s * 0.45) + 'px)';
if (heroFg) heroFg.style.transform = 'translateY(' + (s * 0.35) + 'px)';
// Foreground text: moves at ~85% of scroll speed (15% slower)
if (heroFg) heroFg.style.transform = 'translateY(' + (s * 0.15) + 'px)';
// Scroll arrow: fades out in the first 25% of the hero height
// Scroll arrow fades out over the first 30% of hero height
if (heroScroll) {
heroScroll.style.opacity = Math.max(0, 1 - s / (heroH * 0.25)).toFixed(3);
heroScroll.style.opacity = Math.max(0, 1 - s / (heroH * 0.3)).toFixed(3);
}
ticking = false;