diff --git a/src/scripts/animations/light-rays.js b/src/scripts/animations/light-rays.js index fe18674..1837235 100644 --- a/src/scripts/animations/light-rays.js +++ b/src/scripts/animations/light-rays.js @@ -36,9 +36,9 @@ export function initLightRays(container, options = {}) { const blend = options.blend ?? 0.65; const raysSpeed = options.raysSpeed ?? 1.8; const lightSpread = options.lightSpread ?? 0.7; - const rayLength = options.rayLength ?? 2.5; + const rayLength = options.rayLength ?? 0.6; const pulsating = Boolean(options.pulsating); - const fadeDistance = options.fadeDistance ?? 2.0; + const fadeDistance = options.fadeDistance ?? 0.4; const saturation = options.saturation ?? 1.4; const followMouse = options.followMouse !== false; const mouseInfluence = options.mouseInfluence ?? 0.12; @@ -149,7 +149,7 @@ export function initLightRays(container, options = {}) { float maxDim = max(iResolution.x, iResolution.y); float distFromSource = length(coord - rayPos) / maxDim; - float glowFalloff = clamp(1.3 - distFromSource * 0.7, 0.3, 1.6); + float glowFalloff = clamp(1.3 - distFromSource * 2.5, 0.4, 1.6); color.rgb *= glowFalloff; if (saturation != 1.0) { diff --git a/src/styles/utilities/responsive.css b/src/styles/utilities/responsive.css index 8fa8a78..ef3ac2a 100644 --- a/src/styles/utilities/responsive.css +++ b/src/styles/utilities/responsive.css @@ -27,7 +27,11 @@ .cta-banner { padding: 1.5rem 2rem; - height: 70vh; + height: 100vh; + } + + .hero { + height: 150vh; } }