[PNI] - Editorial Content “Index” Page [Frontend]

[fessehaye]

Desktop comp
Mobile comp
Tablet comp

Editorial Content “Index” Page

Dev Tasks:

• Create Grid Layout for Editorial Content “Index” Page
• Style article cards
• include newsletter CTA block
• include popular article blocks (Ticket for this template pending)
• nclude callout CTA (Ticket for this template pending)
• inlcude mobile and tablet styling

Acceptance Criteria:

• Editorial Content “Index” Page is styled properly
• Editorial Content “Index” Page has mobile and tablet responsive styling
• Newsletter CTA only appears on default page (All Articles) (Ticket for this different page types pending)

[fessehaye]

Popular Articles are not as high priority as the rest!

[beccaklam]

This ticket looks fine but again we need to finalize the styling first which Nancy is doing this sprint so I'm not sure this work will be ready to start until Aug 2 @nancyt1 @kristinashu

[tbrlpld]

@beccaklam This is not in our sprint. So start with the next sprint (Aug 2) should be fine.

[cdanfon]

Hey @danielfmiranda I can see that this ticket has been in Internal review for 8 days, can I get an update on it please? Thanks!

[cdanfon]

He @danielfmiranda I had a look at this on staging. A couple of things:

• The background on the Figma file has some shapes that don't appear on the page - see attachment Make kickoff plan #1.

• The images appear to be stretched - see attachment Gather benchmarks #2.

• The title on the Figma file reads as 'All Articles', the title on staging read as 'Articles'

• Underneath the title we have some filtering options that are not present on the staging site - see attachment Prepare wireframes #3

Any questions let me know!

[danielfmiranda]

Hi @cdanfon!

Apologies for any confusion, the ask of this ticket was just to create the grid layout + cards that are going to be used on this index page.

The filtering and shapes in the background are taken care of in other tickets. tagging @fessehaye to confirm

Also, regarding the title of the page, this can be updated in the CMS

However, the stretched images does seem to be an issue. Can you please send me the file that you used to recreate this so I can take a look at the dimensions?

Thanks!

[fessehaye]

Filters and background pattern are not apart of this ticket. Patterns are a p3 ticket and are probably last on the to-do list. The background pattern is also not exclusive to this page and will be used on the whole PNI site!

[danielfmiranda]

Have created #9338 to solve the image issue!

[cdanfon]

Hey @fessehaye @danielfmiranda thanks for explaining.

The Acceptance Criteria in this ticket created confusion as it was asking to check whether Editorial Content “Index” Page is styled properly

Looking at the Figma files the ticket doesn't match the styling.

Now that you've explained makes sense, but let's try to write ACs as good as we can :)

[cdanfon]

Moving this ticket to "Closed" taking into account that the image issue will be fixed via #9338