Partners

[machikoyasuda]

closes #351

What this PR does

• Home page: Add image logos
• Partners page: Contact template
• Partners page: Add photos, text, links
• CSS: Add pulled quote text style
• CSS: Add statistics text style
• CSS: Add small attribution text style
• CSS: All the spacings - Desktop
• CSS: All the spacings - Mobile
• Design: Add statistics box rhombus style

Notes

• This PR changed the names for all the CSS classes/SVG paths with rhombuses - that includes the homepage, Press, Resources and Partners page. So please review all the pages for any regressions (there shouldn't be though!).
• I'm starting this new thing of having a basic naming convention for images: (name of page)-(type of image)-(slug), like home-logo-calsta or partners-background-cdt. Mobile only images have --sm appended at the end:

[netlify]

✅ Deploy Preview for cal-itp-website ready!

Name	Link
🔨 Latest commit	49e25db
🔍 Latest deploy log	https://app.netlify.com/sites/cal-itp-website/deploys/669f063632fa6900084f7a03
😎 Deploy Preview	https://deploy-preview-364--cal-itp-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[machikoyasuda]

This PR is ready for a code review. The copy is not finalized yet, so I have just used the latest available copy. When the code and the latest copy is available, then this PR can be approved and deployed to a separate Netlify preview page so that the partners can review it easily.

I also filed #365 this because I noticed the blues are different. It is not part of this PR though, as it should be treated separately.

cc @thekaveman @mrose914 @ohmegasquared

[mrose914]

This is looking great, thank you!

CDT messaged today that they are confirming stats as we speak, but that the other copy is GTG.

CARB messaged last week that they are working on getting a quote + we are confirming CARB funding details that may require add'l disclosures.

I will follow up end of this week or early next to nudge them toward finalizing but we seem to be on track! 🙏

[thekaveman]

I'm starting this new thing of having a basic naming convention for images: (name of page)-(type of image)-(slug), like home-logo-calsta or partners-background-cdt.

💯 💯 💯

[ohmegasquared]

should we add mobile/web in the image name convention?

[thekaveman]

@machikoyasuda could you please rebase this PR on main to get the other homepage changes in here, so we can see the final final designs with Partners?

[machikoyasuda]

@thekaveman Rebased and updated partner logos to use the latest (have been updated to have all the same height).

[thekaveman]

Some small spacing issues

Review comments were incorrect.

[machikoyasuda]

🚧 🚧 🚧
FYI - This pull request is not going to Production. We are still waiting on final copy and approvals.

The "reviews" at this stage for this PR are purely for the design from @ohmegasquared and code from @thekaveman.

🚧 🚧 🚧

[machikoyasuda]

Planning to push up a cleaned up version of this PR after the smaller PRs are merged into main.