From 66a232d25eaae6b776f62ea1841c8648eaccf08a Mon Sep 17 00:00:00 2001 From: Daniel Phillips Date: Thu, 2 Oct 2025 08:03:17 -0600 Subject: [PATCH 1/2] fix: Improve hero section background gradient Signed-off-by: Daniel Phillips --- sass/_valkey.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/sass/_valkey.scss b/sass/_valkey.scss index 522d4dca..ab71be51 100644 --- a/sass/_valkey.scss +++ b/sass/_valkey.scss @@ -1595,13 +1595,20 @@ html.banner-hidden .banner { background-size: cover; background-position: right center; background-color: #30186e; - background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0.15), rgba(48, 24, 110, 0.75)), url('/img/hero-bg.webp'); + background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0.0), rgba(48, 24, 110, 0.75)), url('/img/hero-bg.webp'); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8rem 2rem; + &::after { + content: ""; + position: absolute; inset: 0; + background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0.15), rgba(48, 24, 110, 100)); + pointer-events: none; + } + @include respond-min(768px) { padding: 10rem 2rem; From 75d336d998ec491d071ecc8ebbf39e70cea2b88e Mon Sep 17 00:00:00 2001 From: Daniel Phillips Date: Thu, 2 Oct 2025 08:21:43 -0600 Subject: [PATCH 2/2] fix: Improve hero section background gradient Signed-off-by: Daniel Phillips --- sass/_valkey.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/sass/_valkey.scss b/sass/_valkey.scss index ab71be51..55f7481b 100644 --- a/sass/_valkey.scss +++ b/sass/_valkey.scss @@ -1595,7 +1595,7 @@ html.banner-hidden .banner { background-size: cover; background-position: right center; background-color: #30186e; - background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0.0), rgba(48, 24, 110, 0.75)), url('/img/hero-bg.webp'); + background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0.15), rgba(48, 24, 110, 0.75)), url('/img/hero-bg.webp'); display: flex; align-items: center; justify-content: center; @@ -1605,7 +1605,7 @@ html.banner-hidden .banner { &::after { content: ""; position: absolute; inset: 0; - background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0.15), rgba(48, 24, 110, 100)); + background-image: linear-gradient(to bottom, rgba(48, 24, 110, 0), rgba(48, 24, 110, 100)); pointer-events: none; }