Spike: Optimize Supermind links for sharing on Twitter

## Goal

As a creator, I want to post my Supermind content to Twitter so that my followers are engaged and want to send me more Superminds.

## What needs to be done

Implement Twitter cards (`[Summary Card with Large Image](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image)`) for Supermind replies, and generate 2:1 images to display in those Twitter cards.

Generated images are used to represent the content of the Supermind OFFER post. For offer posts with text, generate a 2:1 text-based graphic. The font size used for the graphic should adjust depending on the character count being shown. Character count should be limited to 280 characters.

For offer posts without any text, generate a 2:1 graphic with media from the post.

| Offer post content | twitter:card        | twitter:site | twitter:creator                   | twitter:title           | twitter:description                                         | twitter:image                                                                                                                   |
|--------------------|---------------------|--------------|-----------------------------------|-------------------------|-------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------|
| Text only          | summary_large_image | @minds       | [Name] (of the Supermind replier) | [Name]'s reply on Minds | Get replies from [Name] and elevate the discourse on Minds. | Generated 2:1 graphic. Up to 280 characters of the offer post. If the post is longer than 280 character, end with ... ellipses. |
| Text + media       | summary_large_image | @minds       | [Name] (of the Supermind replier) | [Name]'s reply on Minds | Get replies from [Name] and elevate the discourse on Minds. | Generated 2:1 graphic. Up to 280 characters of the offer post. If the post is longer than 280 character, end with ... ellipses. |
| Media only         | summary_large_image | @minds       | [Name] (of the Supermind replier) | [Name]'s reply on Minds | Get replies from [Name] and elevate the discourse on Minds. | Media content                                                                                                                   |

## QA

<!---
Consideration is given to how the issue will be demoed and tested prior to being deployed
--->


## UX/Design

[Figma link](https://www.figma.com/file/JARto6zhlRrS8AVh7rFK6m/Superminds-screenshots?node-id=227%3A3202)

![image](/uploads/9d909125a1476fc3ffd41cc9d3179e06/image.png)

## Personas

Potential Minds users

## Experiments

n/a

## Acceptance Criteria

- [ ] Find a tool that can render the graphics
- [ ] A 2:1 graphic is generated for posts with text in the offer post
- [ ] A 2:1 graphic is generated for posts without text / only media in the offer post
- [ ] When the Supermind reply is shared on Twitter, the Twitter card with large image is displayed.

## Definition of Ready Checklist

- [ ] Definition Of Done (DoD)
- [ ] Acceptance criteria
- [ ] Weighted
- [ ] QA
- [ ] UX/Design
- [ ] Personas
- [ ] Experiments

Story points: 3.0