Design: Make image download more obvious

[gohai]

The initial thing users will be looking for on the site will be the image file to download and put on the microSD card. Right now the Download link is pretty much unassuming - perhaps it would be worth framing it, or otherwise providing some focus.

We could also offer more information at this point, e.g.:

• file size (already shown)
• release date
• version
• link to a file with release notes

---

Current

---

Examples

[msurguy]

@gohai I will look into this soon. Pretty cool feature of Hugo's markdown processor is that we can put plain HTML into markdown and it will remain as HTML, this way we can try using Kube's button classes to make pretty buttons of any sizes: https://imperavi.com/kube/docs/buttons/

So, putting <a href="#" class="button big" role="button">Link</a> anywhere in markdown documents should work!

[gohai]

@msurguy Yeah, the ability to do inline-html has always been a part of Markdown. But I would only look to it as a last resort - a much cleaner alternative would be to make this a regular link, but decorate it via CSS.

[msurguy]

@gohai This issue has been addressed via https://github.com/processing/processing-pi-website/pull/6

[gohai]

Like what you came up with - thanks!