Allow a post to have multiple authors

[unicorn-utterances]

Allow a post to have multiple authors

[tommyemo]

by adjusting the profile pics to 96x96 (you know, actually on the grid, Tom), we could stack the profile pics diagonally at 60x60 with some overlap and i think this would work. on mobile we can stack them vertically like Alex suggested

https://www.figma.com/file/di3zKgJCj264nqN9g3UCSLwP/crutchcorn-%E2%80%93-unicorn-utterances?node-id=309%3A1946

[crutchcorn]

From a programatic standpoint, it would be easiest/best to always center the metadata on mobile.

@adueppen take a look at flex-align: center w/ media breakpoints (be sure to use our breakpoints defined in SCSS)

Super clean regardless. Thanks a bunch @tommyemo !

[adueppen]

This might be a useful resource to use

[crutchcorn]

While I'm far from pushing others away from resources - I'd give word of caution against relying too heavily on another's implementation in Gatsby as we have our own implementation which isn't exactly standard.

The gist of what would need to be changed is:

author to be turned into an array on each existing post and changed the key to author (the ids can stay the same as they will map properly

every instance we're using the author key to update to authors (the GraphQL fragment can be updated for PostInfo and it will propagate - just need to change the JS after that point)

[crutchcorn]

As for design, let's ask @tommyemo what his thoughts on this are

[adueppen]

This will require some CSS changes but if we want something nice and simple I could see just having the 2 profile pictures stacked vertically. At the moment there's usually plenty of space as long as the blurb is long enough.

[tommyemo]

i'm just realizing now how messed up the author pic size was before because...i don't know why

[tommyemo]

and on mobile where the two names don't require a line break, we can center the metadata on the group of profile pics

[tommyemo]

np bb