goinvo/running

Create a style for "buttons"

Closed this issue · 2 comments

How can we create a button in the Google Doc that'll display on the website?

The best thing to do would be to design a 'button style' and then implement it in the website code (if you mock one up in illustrator/figma and shoot it here I can code it up). Or, if you trust me enough to make a button I am very happy to whip something up.

Then, we would determine some format that should be included in the google docs to spawn a button on the website. A couple ways we could 'indicate' that something is a button in google docs

  • if we specify [Click me](http://www.google.com) it'll convert it to a nice stylized button
  • use some built in google formatting and basically anytime the code encounters it, (i.e. highlight it in blue or something) it'll turn it into a link

Any method we choose, it's still up to the parser in the codebase to actually convert it into html. So it'll still need a bit of code on the backend.

Let's try the first option, like Markdown. click me
Can you try the inverse of the attached button (blue bg, white text)?

Screenshot 2023-01-24 at 12 00 24 PM