Implement designs for case study/project full page display within Olivero

This is ready to be worked on since the designs are finished in 📌 Create designs for Project & Case Study content types within Olivero Active .

I am figuring out the hero image styles across the content types at https://www.drupal.org/project/drupal_cms/issues/3495584 📌 Implement hero images to match designs Active

and the classes to set the content widths of the node content across the content types at https://www.drupal.org/project/drupal_cms/issues/3495583 📌 Implement full node content widths to match designs Active

Styles and recipe updates. Should be good to go.

Sending to @pameeela for review and assigning credit.

The logo looks likely to be above the fold according to the design so it should probably have eager loading?

Case study looked good, thanks @mherchel! I've applied the same to project and made some other minor tweaks to align the config of the two content types with each other.

Could use a sanity check from someone else that I didn't miss anything.

Take a look now...

I scanned the code changes and nothing jumped out at me except a minor formatting nitpick that doesn't matter. I'll try testing now.

Here's my attempt at recreating the case study.

Some feedback for the case study:

1. The link in Figma is at top but it showed up on the bottom for testing
2. When including the client name, it shows up below the logo but I didn't see it shown in Figma

I'll see if there's anything else.

How the client name shows up. I'm wondering if the text was supposed to the styled text next to the logo?

Note that the link was moved to the bottom in a subsequent design:

https://www.figma.com/design/Ybs8y4FQbHUiFw2ioYf5nc/Olivero-for-Drupal-C...

Chatted with Pamela and we'll get this in as is and I'll create a follow-up issue to fix the logo+client name placement.

Before I do that, I will double check that the project content type is working the same way.

Here's the project page:

The two remaining things for the follow-up issue:

1. Alignment of client logo and name
2. Spacing around link is too much

Follow-up issue:

📌 Project and case study full page display CSS tweaks Active

Applied one suggestion to fix a nitpick, but it looks a few oddities snuck in (to the code) that shouldn't be there?

Fixed the accidental cross-component dependency introduced by having the Redirect module enabled. If it passes tests, I'm merging it.

The regression tests passed and I have complete confidence the rest will too. It's getting late here and I don't feel like slogging through a multitude of random test failures thanks to the MySQL containers being 💩.

So with all that in mind...merged into 1.x and cherry-picked to 1.0.x. Thanks!

Automatically closed - issue fixed for 2 weeks with no activity.