Supermind twitter cards - generate text thumbnails
Goal
As a creator, I want to post my Supermind text-only content to Twitter in an eye-catching way so that my followers are engaged and want to send me more Superminds.
Note: This issue has been generated as a result of this spike: !1157 (merged).
What needs to be done
Building off of the work in !1157 (merged), we need to further refine the auto-generated text-only twitter cards so that:
- font-size is dependent on content length (shorter posts have larger text)
- we only allow 280 characters of post text on a card
- multiple lines of text fit onto the card (we need to manually insert new lines, and cover edge cases like extremely long words with no spaces)
- add minds icon on top row of text content, so it matches designs
- truncate long usernames in the bottom (attribution) row of the card
Some of the groundwork for sizing has already been done and shared in imagick forums (see this for example), we can probably build off of those.
This issue should be completed before related issue(s) that include media on the twitter cards (#2457).
QA
Auto generate images with different text lengths/font sizes and different username lengths.
UX/Design
See figma link on #2452 (closed)
Personas
Supermind users
Experiments
n/a
Acceptance Criteria
-
readable twitter cards can be generated with no text overflow with various text lengths -
font sizes are larger for shorter posts, and vice-versa -
cards have minds logo on top -
cards have minds user name on bottom (with no text overflow) -
endpoint that will generate the images and have a good caching policy -
frontend should use new endpoint for open graph tabs
Definition of Ready Checklist
-
Definition Of Done (DoD) -
Acceptance criteria -
Weighted -
QA -
UX/Design -
Personas -
Experiments