I spent WAAAAAYYYYY too much time on this. I had a really great plan for how this would work but the final result is a little meh.
How this works
- Apply a different CSS typographic treatment based on the quote that is generated
- If the quote is short, use treatment 4
- Break the quote into 5 lines. Two lines are only one word. This is to demonstrate the Hatchshow and the dynamic font size algorithm
Otherwise randomly choose the font style based on 3 other options
This didn’t turn our nearly as cool as I had planned but it’s time to move on. Any feedback would be appreciated!!