Add new layout for individual team page

[AriannaChau]

For the individual bio, it utilizes the Feature Group object with some tweaks:

Large screens:

Small screens:

It would be useful to have a layout object that considers all of these elements: The spacing between the columns, the size of the avatar, the location of the social media links, etc.

[gerardo-rodriguez]

@cloudfour/design Is there a prototype URL that can be referenced for this task? Thanks!

[tylersticka]

@gerardo-rodriguez There certainly is: https://v-next--cloudfour-patterns.netlify.app/?path=/story/prototypes-team-page--individual-bio

[gerardo-rodriguez]

@tylersticka Could you help me understand the expected outcome of this task? Is it a Twig template something like:

embed 'individual-team-page-layout`
  block 'bio-image'
    ...
  endblock
 
  block 'bio-content'
    ...
  endblock

  block 'bio-links'
    link
    link
  endblock
endembed

Are there existing examples I might be able to reference of other layout objects that are similar?

Thanks!

[tylersticka]

@gerardo-rodriguez It would be an Object (short for layout object) plus an accompanying Twig template. Might be a good opportunity to stretch some CSS Grid muscles since the links change alignment pretty radically.

The Feature Group object is a good point of reference I think: https://v-next--cloudfour-patterns.netlify.app/?path=/docs/objects-feature-group--default-story