From 3d0cdc72573a38a25329cf7d8fcaa7b95f241cfd Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Sat, 6 Jun 2026 22:00:05 +0300 Subject: [PATCH 1/6] fix home hero layers --- frontend/rabbi_gerzi/src/views/HomePage.vue | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 9afeea6..9bd2004 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -416,18 +416,21 @@ const projects: Project[] = [ width: 100%; height: 100%; object-fit: cover; + z-index: 0; } .hero__mountain { - bottom: -2rem; - width: 120%; + bottom: calc(50% - 58.8vw); + width: 100vw; max-width: none; + z-index: 1; } .hero__hiker { - bottom: 10%; - width: 35%; - max-width: 480px; + bottom: 0; + width: 100vw; + max-width: none; + z-index: 2; } .hero__content { @@ -1055,10 +1058,6 @@ const projects: Project[] = [ margin: 0 auto; } - .hero__hiker { - width: 60%; - } - .core-teachings__grid { grid-template-columns: repeat(2, 1fr); gap: 2rem 1rem; From 53eb1ffb46066ddd995ccd912f4f5e70b45fc19f Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Sat, 6 Jun 2026 22:01:58 +0300 Subject: [PATCH 2/6] lower hero foreground --- frontend/rabbi_gerzi/src/views/HomePage.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 9bd2004..3190a2a 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -427,7 +427,7 @@ const projects: Project[] = [ } .hero__hiker { - bottom: 0; + bottom: min(-20vw, -9rem); width: 100vw; max-width: none; z-index: 2; From 855e972fbeab94a177f350e988ba6a7082b73eb1 Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Sat, 6 Jun 2026 22:03:15 +0300 Subject: [PATCH 3/6] lower hero hiker --- frontend/rabbi_gerzi/src/views/HomePage.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 3190a2a..648138f 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -427,7 +427,7 @@ const projects: Project[] = [ } .hero__hiker { - bottom: min(-20vw, -9rem); + bottom: min(-30vw, -13rem); width: 100vw; max-width: none; z-index: 2; From 531e4a0258c2a3c4290d21d5d18133168b604e57 Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Sat, 6 Jun 2026 22:09:04 +0300 Subject: [PATCH 4/6] adjust hero composition --- frontend/rabbi_gerzi/src/views/HomePage.vue | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 648138f..1a28333 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -391,7 +391,7 @@ const projects: Project[] = [ .hero { position: relative; overflow: hidden; - min-height: 80vh; + min-height: 110vh; display: flex; align-items: center; } @@ -416,6 +416,7 @@ const projects: Project[] = [ width: 100%; height: 100%; object-fit: cover; + object-position: center 44%; z-index: 0; } @@ -439,11 +440,12 @@ const projects: Project[] = [ display: grid; grid-template-columns: 1fr auto; align-items: center; - gap: 3rem; + gap: 0.5rem; width: 100%; max-width: 1200px; margin: 0 auto; padding: 6rem 2rem; + transform: translateY(clamp(-15.25rem, calc(-22vh - 20px), -8.25rem)); } .hero__text { @@ -471,7 +473,7 @@ const projects: Project[] = [ } .hero__portrait-frame { - --portrait-frame-size: clamp(180px, 22vw, 320px); + --portrait-frame-size: clamp(200px, 24vw, 350px); width: var(--portrait-frame-size); height: var(--portrait-frame-size); From 8398a4cb1263b23900857eb9c157f1baff08761b Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Sat, 6 Jun 2026 22:12:02 +0300 Subject: [PATCH 5/6] tighten hero content --- frontend/rabbi_gerzi/src/views/HomePage.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 1a28333..5adf089 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -438,9 +438,10 @@ const projects: Project[] = [ position: relative; z-index: 1; display: grid; - grid-template-columns: 1fr auto; + grid-template-columns: minmax(0, 30rem) auto; align-items: center; gap: 0.5rem; + justify-content: center; width: 100%; max-width: 1200px; margin: 0 auto; @@ -449,7 +450,7 @@ const projects: Project[] = [ } .hero__text { - max-width: 36rem; + max-width: 30rem; } .hero__headline { From c9d100ccb14ee69fd9cda1a9b381db08a67de6af Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Sat, 6 Jun 2026 22:13:27 +0300 Subject: [PATCH 6/6] restore hero text width --- frontend/rabbi_gerzi/src/views/HomePage.vue | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 5adf089..1a28333 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -438,10 +438,9 @@ const projects: Project[] = [ position: relative; z-index: 1; display: grid; - grid-template-columns: minmax(0, 30rem) auto; + grid-template-columns: 1fr auto; align-items: center; gap: 0.5rem; - justify-content: center; width: 100%; max-width: 1200px; margin: 0 auto; @@ -450,7 +449,7 @@ const projects: Project[] = [ } .hero__text { - max-width: 30rem; + max-width: 36rem; } .hero__headline {