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

Compare commits

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

No commits in common. "b04ac3de302c9f7e3e08d27160a973ac3c440505" and "5486459863679f0018ccfa97eaac35e12be6b319" have entirely different histories.
b04ac3de30 ... 5486459863

1 changed files with 12 additions and 13 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: 110vh; min-height: 80vh;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -416,22 +416,18 @@ 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: calc(50% - 58.8vw); bottom: -2rem;
width: 100vw; width: 120%;
max-width: none; max-width: none;
z-index: 1;
} }
.hero__hiker { .hero__hiker {
bottom: min(-30vw, -13rem); bottom: 10%;
width: 100vw; width: 35%;
max-width: none; max-width: 480px;
z-index: 2;
} }
.hero__content { .hero__content {
@ -440,12 +436,11 @@ const projects: Project[] = [
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
align-items: center; align-items: center;
gap: 0.5rem; gap: 3rem;
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 {
@ -473,7 +468,7 @@ const projects: Project[] = [
} }
.hero__portrait-frame { .hero__portrait-frame {
--portrait-frame-size: clamp(200px, 24vw, 350px); --portrait-frame-size: clamp(180px, 22vw, 320px);
width: var(--portrait-frame-size); width: var(--portrait-frame-size);
height: var(--portrait-frame-size); height: var(--portrait-frame-size);
@ -1060,6 +1055,10 @@ 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;