diff --git a/frontend/rabbi_gerzi/src/views/AboutPage.vue b/frontend/rabbi_gerzi/src/views/AboutPage.vue index 10b4474..e1b35c0 100644 --- a/frontend/rabbi_gerzi/src/views/AboutPage.vue +++ b/frontend/rabbi_gerzi/src/views/AboutPage.vue @@ -1,5 +1,4 @@ @@ -408,41 +398,6 @@ function submitNewsletter(submitEvent: Event): void { - - - - - Get Involved - - Subscribe for updates as we release new content, chaburot and - events. - - - - - Full Name - - - - Email Address - - - Submit - - - @@ -716,94 +671,9 @@ function submitNewsletter(submitEvent: Event): void { box-shadow: 0 10px 30px rgb(33 50 64 / 10%); } -.get-involved { - background: var(--color-cream); - padding: 0 2rem 5rem; -} - -.get-involved__card { - display: grid; - grid-template-columns: 1fr 1fr; - align-items: center; - max-width: 1100px; - margin: 0 auto; - padding: 3rem; - gap: 3rem; - background: rgba(255, 255, 255, 0.48); - border: 1px solid rgb(230 225 210 / 70%); - border-radius: 8px; -} - -.get-involved__heading { - margin: 0 0 1.25rem; - color: var(--color-text); - font-family: var(--font-serif); - font-size: clamp(1.6rem, 2.6vw, 2.4rem); - font-weight: 400; -} - -.get-involved__subtext { - max-width: 36ch; - margin: 0; - color: var(--color-text-muted); - font-family: var(--font-serif); - font-size: 1rem; - line-height: 1.55; -} - -.get-involved__form { - display: flex; - flex-direction: column; - gap: 1rem; -} - -.get-involved__field { - display: flex; - flex-direction: column; - gap: 0.4rem; -} - -.get-involved__label { - color: var(--color-text-muted); - font-family: var(--font-sans); - font-size: 0.85rem; -} - -.get-involved__input { - padding: 0.75rem 1rem; - color: var(--color-text); - background: var(--color-cream); - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 8px; - font-family: var(--font-sans); - font-size: 1rem; -} - -.get-involved__input:focus { - outline: 2px solid var(--color-slate); - outline-offset: 2px; -} - -.get-involved__submit { - margin-top: 0.5rem; - padding: 0.85rem 1rem; - color: var(--color-white); - background: var(--color-text); - border: none; - border-radius: 8px; - font-family: var(--font-sans); - font-size: 1rem; - font-weight: 500; -} - -.get-involved__submit:hover { - background: var(--color-slate); -} - @media (max-width: 860px) { .about-hero__inner, - .about-section__inner--split, - .get-involved__card { + .about-section__inner--split { grid-template-columns: 1fr; } @@ -833,14 +703,5 @@ function submitNewsletter(submitEvent: Event): void { height: auto; aspect-ratio: 1; } - - .get-involved { - padding: 0 1rem 4rem; - } - - .get-involved__card { - padding: 2rem; - gap: 2rem; - } } diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue index 42c3d27..68de8a6 100644 --- a/frontend/rabbi_gerzi/src/views/HomePage.vue +++ b/frontend/rabbi_gerzi/src/views/HomePage.vue @@ -133,16 +133,6 @@ function previousTestimonial(): void { testimonialIndex.value = previousTestimonialIndex() } -const newsletterFullName = ref('') -const newsletterEmail = ref('') - -function submitNewsletter(submitEvent: Event): void { - submitEvent.preventDefault() - // No backend wiring yet - field values stay in component state. - newsletterFullName.value = '' - newsletterEmail.value = '' -} - interface Sponsor { name: string src: string @@ -473,41 +463,6 @@ function projectCardStyle(project: Project): string { - - - - Get Involved - - Subscribe for updates as we release new content, chaburot and - events. - - - - - Full Name - - - - Email Address - - - Submit - - - - @@ -1106,89 +1061,6 @@ function projectCardStyle(project: Project): string { max-width: 30ch; } -.get-involved { - background: var(--color-cream); - padding: 0 2rem 5rem; -} - -.get-involved__card { - max-width: 1100px; - margin: 0 auto; - background: rgba(255, 255, 255, 0.4); - border-radius: 14px; - padding: 3rem; - display: grid; - grid-template-columns: 1fr 1fr; - gap: 3rem; - align-items: center; -} - -.get-involved__heading { - font-family: var(--font-serif); - font-weight: 400; - font-size: clamp(1.6rem, 2.6vw, 2.4rem); - color: var(--color-text); - margin: 0 0 1.25rem 0; -} - -.get-involved__subtext { - font-family: var(--font-serif); - font-size: 1rem; - line-height: 1.55; - color: var(--color-text-muted); - margin: 0; - max-width: 36ch; -} - -.get-involved__form { - display: flex; - flex-direction: column; - gap: 1rem; -} - -.get-involved__field { - display: flex; - flex-direction: column; - gap: 0.4rem; -} - -.get-involved__label { - font-family: var(--font-sans); - font-size: 0.85rem; - color: var(--color-text-muted); -} - -.get-involved__input { - background: var(--color-cream); - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 8px; - padding: 0.75rem 1rem; - font-family: var(--font-sans); - font-size: 1rem; - color: var(--color-text); -} - -.get-involved__input:focus { - outline: 2px solid var(--color-slate); - outline-offset: 2px; -} - -.get-involved__submit { - background: var(--color-text); - color: var(--color-white); - border: none; - border-radius: 8px; - padding: 0.85rem 1rem; - font-family: var(--font-sans); - font-weight: 500; - font-size: 1rem; - margin-top: 0.5rem; -} - -.get-involved__submit:hover { - background: var(--color-slate); -} - @media (max-width: 768px) { .testimonials { --testimonials-card-height: 320px; @@ -1250,12 +1122,6 @@ function projectCardStyle(project: Project): string { .journey__cards { grid-template-columns: 1fr; } - - .get-involved__card { - grid-template-columns: 1fr; - padding: 2rem; - gap: 2rem; - } } @media (max-width: 480px) {
- Subscribe for updates as we release new content, chaburot and - events. -