Links to related organization from project home page

[mcbouslog]

In PFE, if a project is part of an organization, then the project home page includes:

1. a link to the related organization above the project description (only on project home page)
2. a link to the related organization in the project sub-navigation after Recents (available on all project pages, i.e. About, Classify, etc.)

See https://www.zooniverse.org/projects/md68135/notes-from-nature-wedigflplants as an example.

An FEM project home page should have similar links to a related organization as PFE, if applicable.

[mcbouslog]

CCing @seanmiller26 to put on your radar, I don't think there are any related existing designs, but I'm not 100% sure.

[mcbouslog]

More links,

Wildcam Gorongosa:

• PFE: https://www.zooniverse.org/projects/zooniverse/wildcam-gorongosa
• FEM: https://frontend.preview.zooniverse.org/projects/zooniverse/wildcam-gorongosa?demo=true

Notes from Nature - Big Bee Bonanza!

• PFE: https://www.zooniverse.org/projects/md68135/notes-from-nature-big-bee-bonanza
• FEM: https://frontend.preview.zooniverse.org/projects/md68135/notes-from-nature-big-bee-bonanza?demo=true

[seanmiller26]

@mcbouslog Here's a screenshot of a simple solution for FEM Organization navigation. The organization link appears below the project's description in the Project Card. The header link is in the same place where the language dropdown used to be in PFE. Is that positioning possible in FEM?

-Image removed- See below for an updated design.

[seanmiller26]

An updated design can be previewed here: https://www.figma.com/proto/SFjE75AOBeiYwbA0v3oVQ8/Project-Page?node-id=1%3A1539&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=3%3A5505

Both the header link and the Project Card link should underline on hover (This action can be previewed with the above Figma link).

The organization link is present on all project pages (About, Classify, Talk, etc).

[mcbouslog]

@seanmiller26 - how should the organization link in the project header look when the project header is narrow (nav moves to a dropdown nav)?

[mcbouslog]

In the project content component the Zooniverse Grommet theme colors the link text neutral-1 and accent-1. Should I keep the link text color as per the theme or change to black/white per Figma design?

[mcbouslog]

Noting per discussion we're going to go with the Hero section organization link font color per Grommet theme (light - neutral-1 and dark - accent-1) and keep the Project Header organization link font color white.

[mcbouslog]

Screenshot with many workflows and project introduction:

[seanmiller26]

@mcbouslog If possible we should incorporate the phrase "From the organization:" into the Explore Project dropdown for consistency. This is for mobile sizes (<768px width). I've added an example here: