Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor: update existing sections #489

Merged
merged 12 commits into from
Nov 20, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/_sass/components/_imaged-section.scss
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@

.imaged-section__image {
display: flex;
justify-content: space-around;
grid-area: Image;
margin-bottom: 2rem;
margin-top: 1rem;
Expand Down
1 change: 0 additions & 1 deletion src/_sass/overrides/_main-content.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
.main-content a {
&:not(.btn) {
border-bottom: 2px solid currentColor;
font-weight: bold;

&,
Expand Down
15 changes: 8 additions & 7 deletions src/_sass/pages/_home.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
.home-hero-title {
font-size: 1.5rem;
text-align: center;

@include media-breakpoint-up(md) {
Expand All @@ -12,6 +11,14 @@
}
}

.home-title {
text-align: center;

@include media-breakpoint-up(lg) {
text-align: left;
}
}

.home-what-is {
padding: 4rem 0 8rem 0;

Expand All @@ -25,9 +32,3 @@
padding-right: 25%;
}
}

.home-cta-image {
@include media-breakpoint-up(lg) {
max-width: 400px;
}
}
95 changes: 28 additions & 67 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,103 +22,64 @@ <h1 class="home-hero-title">A new home for modern and equitable transportation i
travel planning and payments simpler and more cost effective for customers.
</p>
<p>
Explore this site to find support for purchasing open-loop fare collection hardware/software and learn how contactless
fare collection can help you and your riders.
</p>

<h2>Contracts update!</h2>
<p>
U.S. public transit providers, we have news for you: Modernizing your fleet to accept riders’ debit/credit card fare
payments is now possible with the State of California’s award of Master Service Agreements (MSAs) for open-loop
contactless fare validators (payment acceptance devices) and fare calculation software (transit processor services). See
our <a href="/contracts" target="_self">Contracts</a> page for more info and to view MSAs.
Explore this site to find support for purchasing various products, such as open-loop fare collection hardware/software
and data plans, that can help your agency design and provide the best experience for your riders.
</p>
<a class="btn btn-primary m-t-md" href="/contracts/" target="_self">View contracts</a>
</div>
</div>
</div>

<div class="bg-blue-lightest">
<div class="container">
<section class="imaged-section imaged-section--left imaged-section--middle">
<div class="imaged-section__title">
<h2 class="h3">Modernize your fare collection system</h2>
</div>
<div class="imaged-section__image">
<img alt="An illustration of a bus' front entrance" class="img-fluid home-cta-image" src="/uploads/bus-circle.svg" />
</div>
<div class="imaged-section__content">
<p>
Stay tuned! For updates on the availability of Master Service Agreements and other contract vehicles, please check out
our Contracts page or join our
<a href="https://lp.constantcontactpages.com/su/eLbtFoE/calitp?MMhp">mailing list</a>.
</p>

<a class="btn btn-action btn-outline-dark m-t-md" href="/contracts/" target="_self"> View contracts </a>
</div>
</section>
</div>
</div>

<div class="container" id="cta">
<section class="imaged-section imaged-section--left imaged-section--middle">
<div class="container" id="what-is">
<section class="imaged-section imaged-section--right">
<div class="imaged-section__title">
<h2 class="h3">Begin taking contactless fare payments</h2>
<h2 class="home-title">What is Cal-ITP?</h2>
</div>
<div class="imaged-section__image">
<img
alt="A smart phone and credit card being tapped at a bus fare device"
class="img-fluid home-cta-image"
class="img-fluid"
src="/uploads/home-illo-payment-types.png"
/>
</div>
<div class="imaged-section__content">
<p>
Learn how to start accepting passengers’ contactless bank cards and smart devices through the Master Service Agreements
(MSAs).
Supported by the
<a rel="noreferrer" target="_blank" href="https://calsta.ca.gov/">California State Transportation Agency</a>
(CalSTA) and the
<a rel="noreferrer" target="_blank" href="https://dot.ca.gov/ ">California Department of Transportation</a>
(Caltrans) through a grant from the
<a rel="noreferrer" target="_blank" href="https://calsta.ca.gov/subject-areas/transit-intercity-rail-capital-prog">California Transit and Intercity Rail Capital Program</a>
(<abbr>TIRCP</abbr>), the California Integrated Travel Project (Cal-ITP) is a statewide solution to make travel simpler and
cost-effective for everyone.
</p>

<a class="btn btn-action btn-outline-dark m-t-md" href="/go-contactless" target="_self"> Get started </a>
<a class="btn btn-action btn-primary" rel="noreferrer" target="_blank" href="https://www.calitp.org/">Learn more</a>
</div>
</section>
</div>

<div class="bg-blue-lightest">
<div class="container">
<section class="imaged-section imaged-section--left imaged-section--middle">
<div class="container" id="cta">
<section class="imaged-section imaged-section--right">
<div class="imaged-section__title">
<h2 class="h3">The state of transit</h2>
<h2 class="home-title">Get in touch</h2>
</div>
<div class="imaged-section__image">
<img
alt="The state of California divided up by county boundaries"
class="img-fluid home-cta-image"
src="/uploads/card-providers-map.svg"
/>
</div>
alt="An illustration of a bus' front entrance"
class="img-fluid"
src="/uploads/bus-circle.svg"
/>
</div>
<div class="imaged-section__content">
<p>
California is home to more than 300 transit providers—explore them by county, passenger volume, fare revenue, and other
data points.
Whether you are a public transit provider in California or elsewhere in the US, Cal-ITP can provide materials and
support to help you navigate the process to modernize your fleet. If you’re a vendor, we’d love to hear about your
company’s products and/or services.
</p>

<a class="btn btn-action btn-outline-dark m-t-md" href="/provider-map" target="_self"> View the map </a>
<a class="btn btn-primary m-t-md" href="/contact" target="_self">Contact us</a>
</div>
</section>
</div>
</div>

<div class="container" id="what-is">
<div class="home-what-is">
<header class="text-center">
<h2 class="mt-0">What is Cal-ITP?</h2>
</header>
<p>
Created and managed by Caltrans, the California Integrated Travel Project (Cal-ITP) is a statewide initiative designed to
unify all transit in California with a common fare payment system, real-time data standard, and seamless verification of
reduced-fare eligibility. Questions? The Cal-ITP team is here to help.
</p>
<div class="text-center">
<a class="btn btn-action btn-primary btn-data-package" href="/contact">Get in touch</a>
</div>
</div>
</div>
Loading