Partners

src/_includes/clipped-header.html

@@ -0,0 +1,7 @@
+<svg class="position-absolute">
+  <clipPath id="path-header" clipPathUnits="objectBoundingBox">
+    <path
+      d="M0,0.081 C-0.001,0.051,0.007,0.026,0.018,0.026 L0.981,0 C0.992,0,1,0.025,1,0.055 L0.981,0.902 C0.981,0.928,0.973,0.949,0.963,0.95 L0.042,1 C0.033,1,0.025,0.98,0.024,0.953 L0,0.081"
+    ></path>
+  </clipPath>
+</svg>

src/_includes/clipped-stats.html

@@ -0,0 +1,30 @@
+<div class="position-absolute">
+  <svg class="svg">
+    <clipPath id="path-stat-1" clipPathUnits="objectBoundingBox">
+      <path
+        d="M0.001,0.907 C-0.001,0.947,0.028,0.98,0.063,0.981 L0.935,1 C0.971,1,1,0.971,1,0.93 L0.982,0.116 C0.981,0.079,0.954,0.048,0.921,0.047 L0.094,0.003 C0.058,0.002,0.028,0.032,0.026,0.072 L0.001,0.907"
+      ></path>
+    </clipPath>
+  </svg>
+  <svg class="svg">
+    <clipPath id="path-stat-2" clipPathUnits="objectBoundingBox">
+      <path
+        d="M0.001,0.098 C-0.001,0.058,0.028,0.025,0.064,0.024 L0.935,0.002 C0.971,0.001,1,0.034,1,0.075 L0.982,0.889 C0.981,0.926,0.954,0.957,0.92,0.958 L0.094,1 C0.058,1,0.028,0.972,0.026,0.932 L0.001,0.098"
+      ></path>
+    </clipPath>
+  </svg>
+  <svg class="svg">
+    <clipPath id="path-stat-3" clipPathUnits="objectBoundingBox">
+      <path
+        d="M0.001,0.907 C-0.001,0.947,0.028,0.98,0.063,0.981 L0.935,1 C0.971,1,1,0.971,1,0.93 L0.982,0.116 C0.981,0.079,0.954,0.048,0.921,0.047 L0.094,0.003 C0.058,0.002,0.028,0.032,0.026,0.072 L0.001,0.907"
+      ></path>
+    </clipPath>
+  </svg>
+  <svg class="svg">
+    <clipPath id="path-stat-4" clipPathUnits="objectBoundingBox">
+      <path
+        d="M0.001,0.098 C-0.001,0.058,0.028,0.025,0.064,0.024 L0.935,0.002 C0.971,0.001,1,0.034,1,0.075 L0.982,0.889 C0.981,0.926,0.954,0.957,0.92,0.958 L0.094,1 C0.058,1,0.028,0.972,0.026,0.932 L0.001,0.098"
+      ></path>
+    </clipPath>
+  </svg>
+</div>

src/_includes/contact.html

@@ -1,28 +1,28 @@
 <section id="reachout" class="row justify-content-center">
   <div class="col-12 col-md-8 col-lg-6">
-    <h2 class="h1 text-center text-md-start d-block mb-3">The time is now—reach out to learn more</h2>
+    <h2 class="h1-md text-center text-md-start d-block mb-3">The time is now—reach out to learn more</h2>
   </div>
 </section>
 
 <svg class="position-absolute">
-  <clipPath id="my-clip-path-start" clipPathUnits="objectBoundingBox">
+  <clipPath id="path-contact-start" clipPathUnits="objectBoundingBox">
     <path
       d="M0.004,0.075 C0,0.034,0.029,0,0.066,0.002 L0.947,0.051 C0.979,0.052,1,0.081,1,0.116 V0.936 C1,0.973,0.977,1,0.944,1 H0.147 C0.117,1,0.091,0.977,0.088,0.943 L0.004,0.075"
     ></path>
   </clipPath>
 </svg>
 
 <svg class="position-absolute">
-  <clipPath id="my-clip-path-end" clipPathUnits="objectBoundingBox">
+  <clipPath id="path-contact-end" clipPathUnits="objectBoundingBox">
     <path
       d="M0.041,0.125 C0.043,0.092,0.066,0.066,0.096,0.063 L0.878,0 C0.91,-0.003,0.939,0.024,0.941,0.06 L1,0.929 C1,0.967,0.977,1,0.942,1 H0.061 C0.027,1,0,0.968,0.002,0.931 L0.041,0.125"
     ></path>
   </clipPath>
 </svg>
 
-<section class="row justify-content-md-center mt-5 mb-5 pb-5 align-content-stretch">
+<section class="row justify-content-md-center mt-md-5 mb-5 pb-5 align-content-stretch">
   <div class="col-12 col-md-4">
-    <div class="background-calitp-blue pt-3 pt-md-5 px-3 text-center clipped-end">
+    <div class="background-calitp-blue pt-3 pt-md-5 px-3 text-center clipped-contact-end">
       <picture
         ><img
           src="/images/connect.png"
@@ -44,7 +44,7 @@ <h3 class="text-white d-block my-4">Connect with Cal-ITP</h3>
   </div>
   <div class="col-md-auto">&nbsp;</div>
   <div class="col-12 col-md-4">
-    <div class="background-calitp-blue pt-3 pt-md-5 px-md-5 px-3 pt-2 text-center clipped-start">
+    <div class="background-calitp-blue pt-3 pt-md-5 px-md-5 px-3 pt-2 text-center clipped-contact-start">
       <picture
         ><img
           src="/images/stay-up-to-date.png"

src/_includes/initiatives.html

@@ -1,5 +1,5 @@
 <svg class="position-absolute d-none d-lg-block">
-  <clipPath id="my-clip-path" clipPathUnits="objectBoundingBox">
+  <clipPath id="path-initiatives" clipPathUnits="objectBoundingBox">
     <path
       d="M0,0.048 C0,0.036,0.008,0.025,0.018,0.025 L0.982,0 C0.992,0,1,0.011,1,0.023 L0.979,0.931 C0.979,0.942,0.972,0.952,0.962,0.953 L0.048,1 C0.038,1,0.029,0.991,0.029,0.979 L0,0.048"
     ></path>
@@ -43,7 +43,7 @@ <h2 class="h1 text-center text-lg-start">Explore our initiatives</h2>
   >
     <div
       id="{{ initiative.id }}"
-      class="px-4 px-md-3 py-3 py-md-5 my-4 clipped"
+      class="px-4 px-md-3 py-3 py-md-5 my-4 clipped-initiatives"
       style=" background-color: var({{ initiative.class }})"
     >
       <div class="row px-2 px-md-0 pt-3 pt-md-5">

src/_includes/styles.html

@@ -1,20 +1,14 @@
 <link rel="apple-touch-icon" href="/images/icon.png" />
-<link
-  rel="icon"
-  type="image/png"
-  sizes="32x32"
-  href="/favicon-32x32.png" />
-<link rel="icon"
-  type="image/png"
-  sizes="16x16"
-  href="/favicon-16x16.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
 <!-- Place favicon.ico in the root directory -->
 
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link rel="stylesheet" href="{{site.google_fonts}}" />
 <link
-  href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
+  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
   rel="stylesheet"
-  integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
-  crossorigin="anonymous" />
+  integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+  crossorigin="anonymous"
+/>
 <link rel="stylesheet" href="/stylesheets/main.css" />

src/_layouts/default.html

@@ -10,8 +10,8 @@
     {% include footer.html %}
 
     <script
-      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
-      integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
       crossorigin="anonymous"
     ></script>
   </body>

src/index.html

@@ -31,15 +31,15 @@ <h1 class="text-center text-lg-start pt-5 pt-lg-0">
   <img
     id="tracks-0"
     class="w-100 mb-md-5 pb-md-3"
-    src="images/tracks-divider-1.png"
+    src="images/home-divider-1.png"
     alt="Decorative element with dots and dashes, meant to resemble a transit map"
   />
 </picture>
 <picture class="d-md-none">
   <img
     id="tracks-0-sm"
     class="w-100"
-    src="images/tracks-divider-1-sm.png"
+    src="images/home-divider-1-sm.png"
     alt="Decorative element with dots and dashes, meant to resemble a transit map"
   />
 </picture>
@@ -71,6 +71,15 @@ <h2 class="text-center text-md-start mt-5 mb-4">Bringing industry standards to C
       (<abbr>TIRCP</abbr>), the California Integrated Travel Project (Cal-ITP) is a statewide solution to make travel simpler and
       cost-effective for everyone.
     </p>
+    <p>
+      We are proud to work collaboratively with a number of <a href="/partners">partner agencies</a> within the state of
+      California to help us reach our goals.
+    </p>
+    <div class="row d-flex justify-content-center align-items-center gap-1 gap-lg-5 flex-nowrap">
+      <img alt="California Department of Technology" class="flex-shrink-1" src="/images/home-logo-cdt.png" />
+      <img alt="California Air Resources Board" class="flex-shrink-1 w-50" src="/images/home-logo-carb.png" />
+      <img alt="California State Transportation Agency" class="flex-shrink-1" src="/images/home-logo-calsta.png" />
+    </div>
   </div>
 </section>
 
@@ -103,15 +112,15 @@ <h2 class="text-center text-md-start mb-4">Helping California achieve critical g
   <img
     class="w-100 my-md-5 py-md-5"
     id="tracks-1"
-    src="images/tracks-divider-2.png"
+    src="images/home-divider-2.png"
     alt="Decorative element with dots and dashes, meant to resemble a transit map"
   />
 </picture>
 <picture class="d-md-none">
   <img
     class="w-100 my-5"
     id="tracks-0-sm"
-    src="images/tracks-divider-2-sm.png"
+    src="images/home-divider-2-sm.png"
     alt="Decorative element with dots and dashes, meant to resemble a transit map"
   />
 </picture>
@@ -122,15 +131,15 @@ <h2 class="text-center text-md-start mb-4">Helping California achieve critical g
   <img
     id="tracks-2"
     class="w-100 my-5"
-    src="images/tracks-divider-3.png"
+    src="images/home-divider-3.png"
     alt="Another decorative element with dots and dashes, meant to resemble a transit map"
   />
 </picture>
 <picture class="d-md-none">
   <img
     class="w-100 my-5"
     id="tracks-2-sm"
-    src="images/tracks-divider-3-sm.png"
+    src="images/home-divider-3-sm.png"
     alt="Another decorative element with dots and dashes, meant to resemble a transit map"
   />
 </picture>

src/partners.html

@@ -0,0 +1,179 @@
+---
+layout: default
+permalink: /partners
+title: Partners
+---
+
+{% include clipped-header.html %} {% include clipped-stats.html %}
+
+<div class="row justify-content-center">
+  <div class="clipped-header background-purple-4 col-11 col-md-10 mt-4 mt-md-5 mb-4 py-4 py-md-5 px-4 px-md-0">
+    <div class="offset-md-2 col-md-8 pt-3 pb-1 pt-md-5 pb-md-3 px-2 px-md-2">
+      <h1 class="text-white mb-3">Partners</h1>
+      <p class="text-white mb-3">
+        Bringing a modern and consistent transportation experience to all Californians requires help from a broad range of
+        experts. That's why Cal-ITP is proud to work collaboratively with our partners.
+      </p>
+    </div>
+  </div>
+</div>
+
+<section class="row justify-content-center">
+  <div class="col-md-10 col-11 px-0 mx-0">
+    <div class="offset-md-2 col-md-8 mt-md-4 mt-2">
+      <section class="pb-md-2">
+        <img class="w-100 h-150 rounded-1" src="/images/partners-cdt-background.png" />
+        <h2 class="my-md-4 my-3">California Department of Technology</h2>
+        <p>
+          We collaborate with the
+          <a class="link-body-emphasis fw-normal" href="https://cdt.ca.gov/" target="_blank"
+            >California Department of Technology</a
+          >
+          (CDT) to provide transit riders with a seamless way to qualify for and enroll in transit benefits online.
+        </p>
+        <figure class="quote my-md-4 my-3">
+          <blockquote>
+            “The Cal-ITP project offered us a test-case to deliver dependable and equitable public services, and reduce outdated
+            paper-based processes.”
+          </blockquote>
+          <figcaption>- Greg Fair, California Digital Identity Chief and Acting Chief Product Officer at CDT</figcaption>
+        </figure>
+        <p class="mb-0">Together, we aim to:</p>
+        <ul>
+          <li>
+            Expand
+            <a target="_blank" class="link-body-emphasis fw-normal" href="https://benefits.calitp.org/">Cal-ITP Benefits</a>, our
+            web application that uses Login.gov and the
+            <a
+              href="https://digitalidstrategy.cdt.ca.gov/primary-elements.html"
+              target="_blank"
+              class="link-body-emphasis fw-normal"
+              >California Identity Gateway</a
+            >
+            to safely and securely provide digital eligibility checks for transit benefits.
+            <ul>
+              <li>Transit riders who are older adults and U.S. Veterans can use the service today.</li>
+              <li>
+                Support eligibility checks for CalFresh cardholders, Medicare cardholders, and people with disabilities in the
+                coming year.
+              </li>
+            </ul>
+          </li>
+          <li>Promote the use of a Digital ID system that can be used across state departments. </li>
+          <li>
+            Demonstrate how we can deliver dependable and equitable public services while reducing the need for outdated
+            paper-based processes. 
+          </li>
+        </ul>
+        <div class="row justify-content-md-center align-content-stretch my-md-4 my-3">
+          <div class="col-12 col-md-12 col-lg-6">
+            <div class="background-purple-4 py-4 py-md-5 my-md-2 px-3 text-center clipped-stat-start">
+              <h2 class="fs-stats text-white pt-4 pt-md-3">8.6%</h1>
+              <h3 class="text-white d-block mb-3 mb-md-0">Increase in reduced-fare transactions</h3>
+            </div>
+          </div>
+          <div class="d-lg-none lh-1">&nbsp;</div>
+          <div class="col-12 col-md-12 col-lg-6">
+            <div class="background-purple-4 py-4 py-md-5 my-md-2 px-3 text-center clipped-stat-start">
+              <h2 class="fs-stats text-white pt-4 pt-md-3">2630</h1>
+              <h3 class="text-white d-block mb-3 mb-md-0">Total reduced-fare open loop transactions</h3>
+            </div>
+          </div>
+        </div>
+        <p>
+          For more information, visit CDT’s page on the primary elements of a
+          <a
+            href="https://digitalidstrategy.cdt.ca.gov/primary-elements.html"
+            target="_blank"
+            class="link-body-emphasis fw-normal"
+            >Digital ID Framework</a
+          >.
+        </p>
+      </section>
+
+      <hr class="my-4 d-none d-lg-block" />
+
+      <section class="pt-4">
+        <img class="w-100 h-150 rounded-1" src="/images/partners-carb-background.png" />
+        <h2 class="my-3 my-md-4">California Air Resources Board</h2>
+        <figure class="quote my-3 my-md-4-4">
+          <blockquote>“CARB QUOTE TK TK TK.”</blockquote>
+          <figcaption>- Name TK, Title at CARB</figcaption>
+        </figure>
+        <p class="mb-0">
+          The
+          <a target="_blank" class="link-body-emphasis fw-normal" href="https://ww2.arb.ca.gov/"
+            >California Air Resources Board</a
+          >
+          (CARB) helps us improve the distribution of transportation benefits for state agencies and recipients in California.
+          Together, we aim to:
+        </p>
+        <ul>
+          <li>Promote sustainable transit options</li>
+          <li>
+            Identify payment issuance approaches to make electric vehicle charging and other mobility options more easily
+            accessible for individuals who have low incomes, or who are unbanked or underbanked
+          </li>
+          <li>Close the gap between those who are eligible for mobility benefits and those who receive them</li>
+          <li>
+            Explore the application of
+            <a
+              target="_blank"
+              class="link-body-emphasis fw-normal"
+              href="https://www.calitp.org/assets/CARB.Mobility.Loyalty.and.Rewards.Market.Sounding.Background.pdf"
+              >rewards and loyalty programs in transit</a
+            >
+          </li>
+        </ul>
+        <div class="row justify-content-md-center align-content-stretch my-3 my-md-4 mb-2">
+          <div class="col-12 col-md-12 col-lg-6">
+            <div class="background-purple-4 py-4 py-md-5 my-md-2 px-3 text-center clipped-stat-start">
+              <h2 class="fs-stats text-white pt-4 pt-md-3">2035</h1>
+              <h3 class="text-white d-block mb-3 mb-md-0">By 2035, all new cars & light trucks sold in CA must be zero-emission</h3>
+            </div>
+          </div>
+          <div class="d-lg-none lh-1">&nbsp;</div>
+          <div class="col-12 col-md-12 col-lg-6">
+            <div class="background-purple-4 py-4 py-md-5 my-md-2 px-3 text-center clipped-stat-start">
+              <h2 class="fs-stats text-white pt-4 pt-md-3">89%</h1>
+              <h3 class="text-white d-block mb-3 mb-md-0">of main industry players use contactless payment cards<sup>1</sup></h3>
+            </div>
+          </div>
+        </div>
+        <small class="text-body-tertiary"
+          >1. Reported in CARB’s
+          <a
+            target="_blank"
+            class="small link-body-emphasis fs-7 fw-normal"
+            href="https://ww2.arb.ca.gov/sites/default/files/2024-06/CARB%20cEMV%20Penetration%20Report%20ADAReview_1.pdf"
+            >contactless EMV</a
+          >
+          report.
+        </small>
+        <p class="mt-3 mt-md-4 pb-2">
+          Cal-ITP’s collaboration with CARB is part of  <a
+          target="_blank"
+          class="link-body-emphasis fw-normal"
+          href="https://www.caclimateinvestments.ca.gov/"
+          >California Climate Investments</a
+        >, a statewide initiative that puts billions of Cap-and-Trade dollars to work reducing greenhouse gas emissions, strengthening the economy, and improving public health and the environment — particularly in disadvantaged communities.
+        </p>
+        <p>
+          For more information on this and other mobility initiatives, please visit
+          <a target="_blank" class="link-body-emphasis fw-normal" href="https://ww2.arb.ca.gov/">CARB</a>. You can view more about
+          our work with public and private sector partners in our
+          <a
+            target="_blank"
+            class="link-body-emphasis fw-normal"
+            href="https://resources.calitp.org/calitp/Cal-ITP.2023.AccomplishmentsReport.pdf"
+            >2023 Accomplishments Report</a
+          >.
+        </p>
+      </section>
+
+      <hr class="py-2 my-4" />
+    </div>
+  </div>
+</section>
+
+{% include contact.html %}