yisroelbaum/Rabbi_Gerzi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: yisroelbaum:5486459863679f0018ccfa97eaac35e12be6b319
Branches Tags
yisroelbaum:master
...
compare: yisroelbaum:b04ac3de302c9f7e3e08d27160a973ac3c440505
Branches Tags
yisroelbaum:master

7 commits
5486459863 ... b04ac3de30

Author SHA1 Message Date
Yisroel Baum
b04ac3de30
Merge branch 'fix/home-hero-layers' 2026-06-06 22:16:14 +03:00
Yisroel Baum
c9d100ccb1
restore hero text width 2026-06-06 22:13:27 +03:00
Yisroel Baum
8398a4cb12
tighten hero content 2026-06-06 22:12:02 +03:00
Yisroel Baum
531e4a0258
adjust hero composition 2026-06-06 22:09:04 +03:00
Yisroel Baum
855e972fbe
lower hero hiker 2026-06-06 22:03:15 +03:00
Yisroel Baum
53eb1ffb46
lower hero foreground 2026-06-06 22:01:58 +03:00
Yisroel Baum
3d0cdc7257
fix home hero layers 2026-06-06 22:00:05 +03:00
1 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/rabbi_gerzi/src/views/HomePage.vue
View file

@ -391,7 +391,7 @@ const projects: Project[] = [
.hero { .hero {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
min-height: 80vh; min-height: 110vh;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -416,18 +416,22 @@ const projects: Project[] = [
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
object-position: center 44%;
z-index: 0;
} }
.hero__mountain { .hero__mountain {
bottom: -2rem; bottom: calc(50% - 58.8vw);
width: 120%; width: 100vw;
max-width: none; max-width: none;
z-index: 1;
} }
.hero__hiker { .hero__hiker {
bottom: 10%; bottom: min(-30vw, -13rem);
width: 35%; width: 100vw;
max-width: 480px; max-width: none;
z-index: 2;
} }
.hero__content { .hero__content {
@ -436,11 +440,12 @@ const projects: Project[] = [
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
align-items: center; align-items: center;
gap: 3rem; gap: 0.5rem;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 6rem 2rem; padding: 6rem 2rem;
transform: translateY(clamp(-15.25rem, calc(-22vh - 20px), -8.25rem));
} }
.hero__text { .hero__text {
@ -468,7 +473,7 @@ const projects: Project[] = [
} }
.hero__portrait-frame { .hero__portrait-frame {
--portrait-frame-size: clamp(180px, 22vw, 320px); --portrait-frame-size: clamp(200px, 24vw, 350px);
width: var(--portrait-frame-size); width: var(--portrait-frame-size);
height: var(--portrait-frame-size); height: var(--portrait-frame-size);
@ -1055,10 +1060,6 @@ const projects: Project[] = [
margin: 0 auto; margin: 0 auto;
} }
.hero__hiker {
width: 60%;
}
.core-teachings__grid { .core-teachings__grid {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 2rem 1rem; gap: 2rem 1rem;