Merge branch 'mvp' into refactor-forms-jinja-partials-mvp

Author: daaimah123

static/css/style.css

@@ -0,0 +1,58 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const learnMoreWrappers = document.querySelectorAll(".learn-more-wrapper");
+
+  learnMoreWrappers.forEach((wrapper) => {
+    const title = wrapper.querySelector(".learn-more-title");
+    const content = wrapper.querySelector(".learn-more-content");
+    const toggleIcon = wrapper.querySelector(".toggle-icon");
+
+    toggleIcon.style.cursor = "pointer";
+
+    toggleIcon.querySelector(".toggle-icon-plus").style.display = "inline";
+    toggleIcon.querySelector(".toggle-icon-minus").style.display = "none";
+    content.style.display = "none";
+
+    let isExpanded = false;
+
+    title.addEventListener("click", () => {
+      if (!isExpanded) {
+        content.style.display = "block";
+        toggleIcon.querySelector(".toggle-icon-plus").style.display = "none";
+        toggleIcon.querySelector(".toggle-icon-minus").style.display = "inline";
+        title.setAttribute("aria-expanded", true);
+      } else {
+        content.style.display = "none";
+        toggleIcon.querySelector(".toggle-icon-plus").style.display = "inline";
+        toggleIcon.querySelector(".toggle-icon-minus").style.display = "none";
+        title.setAttribute("aria-expanded", false);
+      }
+
+      isExpanded = !isExpanded;
+    });
+  });
+});
+
+function validateForm() {
+  const form = document.getElementById("app-form-6");
+  const requiredFields = form.querySelectorAll("[required]");
+  let allValid = true;
+
+  requiredFields.forEach((field) => {
+    const parentElement = field.parentNode;
+    parentElement.style.border = "";
+
+    if (
+      (field.type === "radio" || field.type === "checkbox") &&
+      !form.querySelector(`[name="${field.name}"]:checked`)
+    ) {
+      allValid = false;
+      parentElement.style.border = "2px solid red";
+    }
+  });
+
+  if (!allValid) {
+    alert("Please fill out the missing field(s).");
+  } else {
+    window.location.href = "/app-additional";
+  }
+}

static/css/style.css.map

@@ -78,6 +78,79 @@ button {
   align-items: center;
 }
 
+.top-testimonials {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 1.5rem;
+  padding: 2rem;
+}
+
+.testimonial-post {
+  width: 40%;
+  background-color: #0093b5;
+  margin: 0;
+  padding: 4rem;
+  padding-top: 2rem;
+  padding-bottom: 1.5rem;
+  overflow-clip-margin: content-box;
+  overflow: clip;
+  border-radius: 2px;
+  transition: transform 0.3s ease;
+}
+
+.testimonial-post:hover {
+  transform: translateY(-5px);
+}
+
+.testimonial-post .post-content {
+  padding: 1rem;
+  padding-left: 0rem;
+  padding-right: 2rem;
+  width: 100%;
+  background-color: #fafafa;
+  border-radius: 1px;
+}
+
+.testimonial-text {
+  font-size: 14px;
+  line-height: 1.6em;
+  color: #333;
+  padding: 1rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+@media (min-width: 768px) {
+  .testimonial-post {
+    width: calc(50% - 1.5rem);
+  }
+}
+
+@media (min-width: 1024px) {
+  .testimonial-post {
+    width: calc(33.333% - 1.5rem);
+  }
+}
+
+@media (max-width: 767px) {
+  .testimonial-post {
+    padding: 1.5rem;
+  }
+
+  .testimonial-post .post-content {
+    padding: 1rem;
+    padding-left: 0.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .testimonial-text {
+    font-size: 13px;
+    line-height: 1.5em;
+    padding: 1rem;
+  }
+}
+
 .staff-team {
   align-items: flex-start;
 }
@@ -209,10 +282,7 @@ button {
 /* Main content areas */
 
 .mc-closeModal {
-  text-shadow:
-    -1px -1px 0 #000,
-    1px -1px 0 #000,
-    -1px 1px 0 #000,
+  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
     1px 1px 0 #000;
 }
 
@@ -673,12 +743,54 @@ p.press-release-bold {
   padding: 0;
 }
 
+#apple-pay-button {
+  height: 48px;
+  width: 100%;
+  display: inline-block;
+  -webkit-appearance: -apple-pay-button;
+  -apple-pay-button-type: plain;
+  -apple-pay-button-style: black;
+}
+
+/* Fix for contact link visibility on job form page */
+#payment-page p a {
+  color: #ffffff !important;
+  text-decoration: underline;
+  font-weight: bold;
+}
+
+#payment-page p a:hover {
+  color: #16c1f3 !important;
+  text-decoration: underline;
+}
+
+#fast-checkout {
+  background: #fafafa;
+  color: black;
+}
+
+#fast-checkout h3 {
+  color: $main-blue;
+}
+
+#fast-checkout input {
+  border-radius: 6px;
+  position: relative;
+}
+
+#fast-checkout .wrapper {
+  position: relative;
+}
+
+#fast-checkout button {
+  width: 100%;
+}
+
 /* Sponsor page styling */
 
 .sponsor-benefit-table {
   margin-right: auto;
   margin-left: auto;
-  width: 100%;
 }
 
 .sponsor-benefit-table,