Website Redesign: "Get Involved" Page 3- Roadmap/ Memorandum- UI

[hgordon6634]

User Story
AS a New Orcahome user I WANT to see an easy to read webpage when I navigate to the Orcasound "Get Involved" page SO THAT I can easily get involved in Orca conservation.

Description
The intent of this story is to implement the UI finalized design from the Orcasound UX/UI team for the website redesign of the "Learn" Page. This Issue covers ONLY the Current Roadmap/ Memorandum of Agreements portion of the page (see image below).

NOTES:

• This is the UI only, links can be added at a later iteration
• Header/Footer already completed on different pull request Update header and footer to use MUI #14
• Use Material UI for the styling
• When selected, the "Current Roadmap" should expand and centered on page
  • After selection, the user should be able to zoom in and out to see image details
  • Controls to zoom in and out should be provided for user

Acceptance Criteria
GIVEN I open the Orcasound Get Involved page WHEN I look at the page THEN I see a UI that matches the attached UX/UI design.

https://www.figma.com/file/YdvbAjHETokV2x1LBHaElj/Orcasound-Website-Redesign-2021?node-id=298%3A290

[ShwetKhatri2001]

I'd like to work on this issue now, as I have been working on this page.

[UXBrendan]

@ShwetKhatri2001 - Are you still interested in working on this issue?

[ShwetKhatri2001]

I'd be happy to contribute. But I'm busy on weekdays nowadays and can find some time on weekends only.
So if someone else wants to try then do assign him/her. otherwise, I'll contribute in some days.

[UXBrendan]

@NayoBaez and @MinhHangwpi

Just checking in with you- how is dev work going for this issue? Anything you need from me?

[NayoBaez]

@UXBrendan Happy Monday! - Thanks for checking in, I'm starting this week.
@MinhHangwpi do you want to schedule a pair programming session?

[UXBrendan]

@Adeniyi-Bella - Sync with @NayoBaez to teach NextJS.

[MinhHangwpi]

@NayoBaez that sounds like a good idea. I can reach out to you via Slack to discuss this further.

[NayoBaez]

@UXBrendan this section is done! @Adeniyi-Bella agreed to help me do a PR.

[UXBrendan]

@NayoBaez

This is just for documentation purposes, since you are already working on it, but I updated the notes in the User Story above:

• When selected, the "Current Roadmap" should expand and centered on page
  • After selection, the user should be able to zoom in and out to see image details
  • Controls to zoom in and out should be provided for user

[UXBrendan]

@NayoBaez

I would like to discuss how to best write issues and assign to Orcasound devs to do some clean up production work for Orcahome. We're in the home stretch!

Orcasound: Dev discussion for Orcahome
Thursday, September 14 · 10:00 – 11:00am
Time zone: America/Los_Angeles
Google Meet joining info
Video call link: https://meet.google.com/vxp-aeto-zev