Add introductory panel and remove pop up card

[griseduardo]

Motivation:
Add introductory panel and remove right pop up card

Solution:

• Create Introductory Panel component
• Remove Pop Up card
• Create reusable Button component, to add 'EXPLORE' button
• Create logic to change Introductory Panel to show stories

Issue:
#675

Opening page:

After button click:

PS: I updated all i18n languages using English

[rudokemper]

Hi @griseduardo, thanks for taking this one on. We haven't done a code review yet, but I just tested this PR out on the front and it looks really good!

I think there is just one additional change that we should make based on front-end testing: once a user selects an option in the second drop down, the intro panel should automatically disappear and the list of filtered cards revealed.

Otherwise, great work on this!

[griseduardo]

Hi @griseduardo, thanks for taking this one on. We haven't done a code review yet, but I just tested this PR out on the front and it looks really good!

I think there is just one additional change that we should make based on front-end testing: once a user selects an option in the second drop down, the intro panel should automatically disappear and the list of filtered cards revealed.

Otherwise, great work on this!

Hello @rudokemper , thank you.
I updated with the change you presented.

[rudokemper]

Awesome! Looks great. One final thing I just noticed is that we may want to adapt to the mobile view. Would it be easy and possible to hide this panel for mobile, for the time being? (Mobile UI is due for a redesign, where we'll consider how to incorporate this panel differently.)

[rudokemper]

Also, sorry I didn't catch your question about i18n on the other thread. I think what you did was fine; we have to do some i18n updates to a number of the other languages anyway.

[griseduardo]

Awesome! Looks great. One final thing I just noticed is that we may want to adapt to the mobile view. Would it be easy and possible to hide this panel for mobile, for the time being? (Mobile UI is due for a redesign, where we'll consider how to incorporate this panel differently.)

One question, do you want to hide the introductory panel and return the stories when in mobile? (like it was before my changes)

[rudokemper]

Yeah, for the time being let's do that for Mobile. Since we have to do a redesign of the Mobile UI anyway.

If you ended up doing some custom code for mobile specifically, please just comment that out so we can use it later.

[griseduardo]

Yeah, for the time being let's do that for Mobile. Since we have to do a redesign of the Mobile UI anyway.

If you ended up doing some custom code for mobile specifically, please just comment that out so we can use it later.

Ok, I updated to show the stories when in mobile device

[rudokemper]

Thanks so much @griseduardo, I appreciate you iterating on this.

@lauramosher @FeminismIsAwesome mind doing a code review on this one?