feat: create content-placement component for marketing site

[SamanthaAO]

Description

this component is used to generate cards in the frameworks and community section.


the template consists of one default slot and 4 named slots (icon, body, action, and compatibility). the styles define the layouts of the cards and change them based on hover

Motivation & context

Issue type checklist

• Chore: A change that does not impact distributed packages.
• Bug fix: A change that fixes an issue, link to the issue above.
• New feature: A change that adds functionality.

Is this a breaking change?

• This change causes current functionality to break.

Process & policy checklist

• I have added tests for my changes.
• I have tested my changes.
• I have updated the project documentation to reflect my changes.
• I have read the CONTRIBUTING documentation and followed the standards for this project.

[msftclas]

All CLA requirements met.

[eljefe223]

Seeing what others think, but to me it's more intuitive if the default slot is the largest section of text / content. It just seems easier to manage than having the slot assigned to that large bit of text.

I propose ditching the body slot and making that the default and then adding a title slot.

[chrisdholt]

Seeing what others think, but to me it's more intuitive if the default slot is the largest section of text / content. It just seems easier to manage than having the slot assigned to that large bit of text.

I propose ditching the body slot and making that the default and then adding a title slot.

I tend to think in terms of what the component or design would require rather than the largest amount of content. Would we ever have body without a heading given the current design? I think it's more likely that the heading would always be there. Things like an image, action, or body/summary text may not always be required.

[eljefe223]

Seeing what others think, but to me it's more intuitive if the default slot is the largest section of text / content. It just seems easier to manage than having the slot assigned to that large bit of text.
I propose ditching the body slot and making that the default and then adding a title slot.

I tend to think in terms of what the component or design would require rather than the largest amount of content. Would we ever have body without a heading given the current design? I think it's more likely that the heading would always be there. Things like an image, action, or body/summary text may not always be required.

I'm under the impression that they are both required, could be a rule to consider if you have multiple required attributes.

[nicholasrice]

Approved with above changes.

[eljefe223]

This should also be a feat not a chore

[khamudom]

Just an FYI. Looks like you can get into a state where all cards blurred. By hover over the edge of the section.

[SamanthaAO]

That is because currently the whole site uses a grid so on the left and right there is a section where the container is a bit larger than the cards because of how the grid is set up. If the overall layout is changed to flex then the container could be the same size as the cards instead of being the size of the column in the grid that it is defined as. I did not want to make a change to the overall layout at this time with this component, but it is definitely something that should be addressed.