diff --git a/src/_includes/clipped-header.html b/src/_includes/clipped-header.html new file mode 100644 index 00000000..2c49b7ae --- /dev/null +++ b/src/_includes/clipped-header.html @@ -0,0 +1,7 @@ + + + + + diff --git a/src/_includes/clipped-stats.html b/src/_includes/clipped-stats.html new file mode 100644 index 00000000..3adef8e0 --- /dev/null +++ b/src/_includes/clipped-stats.html @@ -0,0 +1,30 @@ +
+ + + + + + + + + + + + + + + + + + + + +
diff --git a/src/_includes/clipped.html b/src/_includes/clipped.html deleted file mode 100644 index 46aa92ae..00000000 --- a/src/_includes/clipped.html +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/_includes/contact.html b/src/_includes/contact.html index 7cc403a2..8b31b39a 100644 --- a/src/_includes/contact.html +++ b/src/_includes/contact.html @@ -1,11 +1,11 @@
-

The time is now—reach out to learn more

+

The time is now—reach out to learn more

- + @@ -13,16 +13,16 @@

The time is now—reach ou - + -
+
-
+
Connect with Cal-ITP

 
-
+
- + @@ -43,7 +43,7 @@

Explore our initiatives

>
diff --git a/src/_includes/styles.html b/src/_includes/styles.html index 0e77128b..8a58abf8 100644 --- a/src/_includes/styles.html +++ b/src/_includes/styles.html @@ -1,20 +1,14 @@ - - + + + integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" + crossorigin="anonymous" +/> diff --git a/src/_layouts/default.html b/src/_layouts/default.html index e7b25e89..07401370 100644 --- a/src/_layouts/default.html +++ b/src/_layouts/default.html @@ -10,8 +10,8 @@ {% include footer.html %} diff --git a/src/images/tracks-divider-1-sm.png b/src/images/home-divider-1-sm.png similarity index 100% rename from src/images/tracks-divider-1-sm.png rename to src/images/home-divider-1-sm.png diff --git a/src/images/tracks-divider-1.png b/src/images/home-divider-1.png similarity index 100% rename from src/images/tracks-divider-1.png rename to src/images/home-divider-1.png diff --git a/src/images/tracks-divider-2-sm.png b/src/images/home-divider-2-sm.png similarity index 100% rename from src/images/tracks-divider-2-sm.png rename to src/images/home-divider-2-sm.png diff --git a/src/images/home-divider-2.png b/src/images/home-divider-2.png new file mode 100644 index 00000000..58f3fdee Binary files /dev/null and b/src/images/home-divider-2.png differ diff --git a/src/images/tracks-divider-3-sm.png b/src/images/home-divider-3-sm.png similarity index 100% rename from src/images/tracks-divider-3-sm.png rename to src/images/home-divider-3-sm.png diff --git a/src/images/tracks-divider-3.png b/src/images/home-divider-3.png similarity index 100% rename from src/images/tracks-divider-3.png rename to src/images/home-divider-3.png diff --git a/src/images/tracks-divider-4-sm.png b/src/images/home-divider-4-sm.png similarity index 100% rename from src/images/tracks-divider-4-sm.png rename to src/images/home-divider-4-sm.png diff --git a/src/images/tracks-divider-4.png b/src/images/home-divider-4.png similarity index 100% rename from src/images/tracks-divider-4.png rename to src/images/home-divider-4.png diff --git a/src/images/home-logo-calsta.png b/src/images/home-logo-calsta.png new file mode 100644 index 00000000..c931715b Binary files /dev/null and b/src/images/home-logo-calsta.png differ diff --git a/src/images/home-logo-carb.png b/src/images/home-logo-carb.png new file mode 100644 index 00000000..cf3add89 Binary files /dev/null and b/src/images/home-logo-carb.png differ diff --git a/src/images/home-logo-cdt.png b/src/images/home-logo-cdt.png new file mode 100644 index 00000000..d51c87b9 Binary files /dev/null and b/src/images/home-logo-cdt.png differ diff --git a/src/images/partners-carb-background.png b/src/images/partners-carb-background.png new file mode 100644 index 00000000..7220b603 Binary files /dev/null and b/src/images/partners-carb-background.png differ diff --git a/src/images/partners-cdt-background.png b/src/images/partners-cdt-background.png new file mode 100644 index 00000000..9dcd1199 Binary files /dev/null and b/src/images/partners-cdt-background.png differ diff --git a/src/images/tracks-divider-2.png b/src/images/tracks-divider-2.png deleted file mode 100644 index 644e9f43..00000000 Binary files a/src/images/tracks-divider-2.png and /dev/null differ diff --git a/src/index.html b/src/index.html index e90ec1a8..3211960e 100644 --- a/src/index.html +++ b/src/index.html @@ -31,7 +31,7 @@

Decorative element with dots and dashes, meant to resemble a transit map @@ -39,7 +39,7 @@

Decorative element with dots and dashes, meant to resemble a transit map @@ -71,6 +71,15 @@

Bringing industry standards to C (TIRCP), the California Integrated Travel Project (Cal-ITP) is a statewide solution to make travel simpler and cost-effective for everyone.

+

+ We are proud to work collaboratively with a number of partner agencies within the state of + California to help us reach our goals. +

+
+ California Department of Technology + California Air Resources Board + California State Transportation Agency +

@@ -103,7 +112,7 @@

Helping California achieve critical g Decorative element with dots and dashes, meant to resemble a transit map @@ -111,7 +120,7 @@

Helping California achieve critical g Decorative element with dots and dashes, meant to resemble a transit map @@ -122,7 +131,7 @@

Helping California achieve critical g Another decorative element with dots and dashes, meant to resemble a transit map @@ -130,7 +139,7 @@

Helping California achieve critical g Another decorative element with dots and dashes, meant to resemble a transit map diff --git a/src/partners.html b/src/partners.html new file mode 100644 index 00000000..15d3cc57 --- /dev/null +++ b/src/partners.html @@ -0,0 +1,179 @@ +--- +layout: default +permalink: /partners +title: Partners +--- + +{% include clipped-header.html %} {% include clipped-stats.html %} + +
+
+
+

Partners

+

+ 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. +

+
+
+
+ +
+
+
+
+ +

California Department of Technology

+

+ We collaborate with the + California Department of Technology + (CDT) to provide transit riders with a seamless way to qualify for and enroll in transit benefits online. +

+
+
+ “The Cal-ITP project offered us a test-case to deliver dependable and equitable public services, and reduce outdated + paper-based processes.” +
+
- Greg Fair, California Digital Identity Chief and Acting Chief Product Officer at CDT
+
+

Together, we aim to:

+
    +
  • + Expand + Cal-ITP Benefits, our + web application that uses Login.gov and the + California Identity Gateway + to safely and securely provide digital eligibility checks for transit benefits. +
      +
    • Transit riders who are older adults and U.S. Veterans can use the service today.
      • +
    • + Support eligibility checks for CalFresh cardholders, Medicare cardholders, and people with disabilities in the + coming year. +
      • +
    +
    • +
  • Promote the use of a Digital ID system that can be used across state departments. 
    • +
  • + Demonstrate how we can deliver dependable and equitable public services while reducing the need for outdated + paper-based processes.  +
    • +
+
+
+
+

8.6%

+

Increase in reduced-fare transactions

+
+
+
 
+
+
+

2630

+

Total reduced-fare open loop transactions

+
+
+
+

+ For more information, visit CDT’s page on the primary elements of a + Digital ID Framework. +

+
+ +
+ +
+ +

California Air Resources Board

+
+
“CARB QUOTE TK TK TK.”
+
- Name TK, Title at CARB
+
+

+ The + California Air Resources Board + (CARB) helps us improve the distribution of transportation benefits for state agencies and recipients in California. + Together, we aim to: +

+
    +
  • Promote sustainable transit options
    • +
  • + 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 +
    • +
  • Close the gap between those who are eligible for mobility benefits and those who receive them
    • +
  • + Explore the application of + rewards and loyalty programs in transit +
    • +
+
+
+
+

2035

+

By 2035, all new cars & light trucks sold in CA must be zero-emission

+
+
+
 
+
+
+

89%

+

of main industry players use contactless payment cards1

+
+
+
+ 1. Reported in CARB’s + contactless EMV + report. + +

+ Cal-ITP’s collaboration with CARB is part of  California Climate Investments, 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. +

+

+ For more information on this and other mobility initiatives, please visit + CARB. You can view more about + our work with public and private sector partners in our + 2023 Accomplishments Report. +

+
+ +
+
+
+
+ +{% include contact.html %} diff --git a/src/press.html b/src/press.html index b6b0620e..44ced465 100644 --- a/src/press.html +++ b/src/press.html @@ -4,10 +4,10 @@ title: Press --- -{% include clipped.html %} +{% include clipped-header.html %}
-
+

Press

Below you’ll find news about Cal-ITP and our initiatives, including press releases and media coverage about new launches and project milestones. Interested in getting in touch? Reach out to us at -

+

Resources

-

Below you’ll find information about Cal-ITP and our initiatives, including fact sheets, case studies, and more. Don’t see what you’re looking for? Reach out to us at - hello@calitp.org.

+

+ Below you’ll find information about Cal-ITP and our initiatives, including fact sheets, case studies, and more. Don’t see + what you’re looking for? Reach out to us at + hello@calitp.org. +

{% include pills.html tags=site.data.resource_tags %}
@@ -24,44 +23,27 @@

Resources

- {% comment %} Jekyll sorts by the date field in ascending order by default {% endcomment %} - {% assign all_resources = site.resources | reverse %} - {% comment %} one more reverse when creating the groups to order ascending by name {% endcomment %} - {% assign groups = all_resources | group_by: "category" | reverse %} + {% comment %} Jekyll sorts by the date field in ascending order by default {% endcomment %} {% assign all_resources = + site.resources | reverse %} {% comment %} one more reverse when creating the groups to order ascending by name {% endcomment + %} {% assign groups = all_resources | group_by: "category" | reverse %}
-
+
{% for group in groups %} -

{{ group.name }}

- {% assign items = group.items %} - {% include articles.html items=items %} - {% unless forloop.last %} -
- {% endunless %} - {% endfor %} +

{{ group.name }}

+ {% assign items = group.items %} {% include articles.html items=items %} {% unless forloop.last %} +
+ {% endunless %} {% endfor %}
{% for tag in site.data.resource_tags %} -
- {% for group in groups %} - {% assign items = group.items | where_exp: "item", "item.tags contains tag.name" %} - {% unless items.size == 0 %} -

{{ group.name }}

- {% include articles.html items=items %} - {% unless forloop.last %} -
- {% endunless %} - {% endunless %} - {% endfor %} -
+
+ {% for group in groups %} {% assign items = group.items | where_exp: "item", "item.tags contains tag.name" %} {% unless + items.size == 0 %} +

{{ group.name }}

+ {% include articles.html items=items %} {% unless forloop.last %} +
+ {% endunless %} {% endunless %} {% endfor %} +
{% endfor %}
diff --git a/src/stylesheets/main.css b/src/stylesheets/main.css index 88c8e048..9c47bec3 100644 --- a/src/stylesheets/main.css +++ b/src/stylesheets/main.css @@ -15,8 +15,13 @@ body { --bs-primary-rgb: 4, 91, 134; --bs-body-color: rgb(33, 33, 33); /* #212121 */ --bs-link-color: rgb(4, 91, 134); /* #045B86, calitp-primary-blue */ + --bs-link-color-rgb: 4, 91, 134; --bs-link-hover-color: rgb(4, 72, 105); /* #044869, calitp-primary-dark-blue */ + --bs-link-hover-color-rgb: 4, 72, 105; + --bs-dark-rgb: 33, 33, 33; /* #212121 */ + --bs-emphasis-color-rgb: rgb(33, 33, 33); /* #212121 */ --bs-secondary-rgb: 143, 147, 153; /* calitp-gray-3 */ + --bs-tertiary-color: rgb(96, 101, 107); /* calitp-scales-gray-4 */ --calitp-primary-blue: rgb(4, 91, 134); /* #045B86 */ --calitp-primary-dark-blue: rgb(4, 72, 105); /* #044869, , calitp-primary-dark-blue */ --calitp-background-blue: rgb(245, 249, 251); /* #F5F9FB */ @@ -116,6 +121,10 @@ hr { font-size: calc(14rem / 16); } +.fs-stats { + font-size: calc(64rem / 16); +} + .font-poppins { font-family: var(--bs-font-sans-serif); } @@ -131,6 +140,20 @@ a:hover { text-decoration-style: dotted; } +figure.quote { + border-left: 3px solid var(--calitp-purple-4); + padding-left: 2rem; +} + +figure.quote blockquote { + font-size: calc(24rem / 16); +} + +figure.quote figcaption { + font-size: calc(16rem / 16); + font-style: italic; +} + .navbar { --bs-navbar-padding-y: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04); @@ -328,16 +351,25 @@ footer a:hover { border-color: rgba(var(--bs-white-rgb), 0.8); } -.clipped, -.clipped-start, -.clipped-end { +.clipped-header, +.clipped-initiatives, +.clipped-contact-start, +.clipped-contact-end, +.clipped-stat-start, +.clipped-stat-end, +.clipped-stat-start-2, +.clipped-stat-end-2 { -webkit-clip-path: none; clip-path: none; border-radius: 1.25rem; } -.clipped-start, -.clipped-end { +.clipped-contact-start, +.clipped-contact-end, +.clipped-stat-start, +.clipped-stat-end, +.clipped-stat-start-2, +.clipped-stat-end-2 { min-height: 100%; } @@ -346,6 +378,15 @@ footer a:hover { } @media (min-width: 992px) { + small, + .small { + font-size: calc(12rem / 16); + } + + .h1-md { + font-size: calc(40rem / 16); + } + .navbar { --bs-navbar-nav-link-padding-x: 40px; --bs-navbar-nav-link-padding-y: 0; @@ -371,29 +412,76 @@ footer a:hover { line-height: var(--footer-nav-height); } - .clipped, - .clipped-start, - .clipped-end { + .clipped-header, + .clipped-initiatives, + .clipped-contact-start, + .clipped-contact-end, + .clipped-stat-start, + .clipped-stat-end, + .clipped-stat-start-2, + .clipped-stat-end-2 { border-radius: 0; } - .clipped { - -webkit-clip-path: url(#my-clip-path); - clip-path: url(#my-clip-path); + .clipped-initiatives { + -webkit-clip-path: url(#path-initiatives); + clip-path: url(#path-initiatives); + } + + .clipped-header { + -webkit-clip-path: url(#path-header); + clip-path: url(#path-header); + } + + .clipped-contact-start { + -webkit-clip-path: url(#path-contact-start); + clip-path: url(#path-contact-start); + } + + .clipped-contact-end { + -webkit-clip-path: url(#path-contact-end); + clip-path: url(#path-contact-end); + } + + .clipped-stat-start { + min-height: 100%; + -webkit-clip-path: url(#path-stat-1); + clip-path: url(#path-stat-1); + } + + .clipped-stat-end { + min-height: 100%; + -webkit-clip-path: url(#path-stat-2); + clip-path: url(#path-stat-2); + } + + .clipped-stat-start-2 { + min-height: 100%; + -webkit-clip-path: url(#path-stat-3); + clip-path: url(#path-stat-3); } - .clipped-start { - -webkit-clip-path: url(#my-clip-path-start); - clip-path: url(#my-clip-path-start); + .clipped-stat-end-2 { + min-height: 100%; + -webkit-clip-path: url(#path-stat-4); + clip-path: url(#path-stat-4); } - .clipped-end { - -webkit-clip-path: url(#my-clip-path-end); - clip-path: url(#my-clip-path-end); + figure.quote blockquote { + font-size: calc(24rem / 16); + } + + .h-150 { + height: 150px; } } @media (max-width: 992px) { + small, + .small { + font-size: calc(10rem / 16); + } + .navbar-brand { --bs-navbar-brand-padding-x: 2rem; --bs-navbar-brand-padding-y: 2rem; @@ -415,6 +503,14 @@ footer a:hover { .navbar-nav { margin: 0 auto; } + + figure.quote blockquote { + font-size: calc(20rem / 16); + } + + .h-150 { + height: 75px; + } } @media (min-width: 768px) {