Example usage snippits on landing page

[jasonramirez]

• Shrink hero to 1/2 viewport height
• Add example code steps
• Add code highlighting via highlight.js

[houndci-bot]

'hljs' is not defined.

[houndci-bot]

Properties should be ordered background-color, border, border-radius, font-size, margin-bottom

[houndci-bot]

Selector code__header should be written in lowercase with hyphens

[seanpdoyle]

@jasonramirez this LOOKs amazing!

Unfortunately, the README has been recently updated, which makes a lot of this text out of date.

https://github.com/thoughtbot/ember-cli-rails#usage

I wonder if we could somehow style the page the way you've laid out and somehow import in some markdown.

Do you think styles are generic enough to work with a .md -> .html translation?

[seanpdoyle]

ping @jasonramirez

P.S. the latest README and some upcoming changes make these snippets wildly out of date, which presents an even greater opportunity for supporting robust enough styles to make translating the README.md work out.

[jasonramirez]

@seanpdoyle I'll remove the custom styles added by the <span> elements that made the code pretty. I added them because I couldn't find a good theme. This will make the styles more flexible. I think doing the .md -> .html translation should be in a separate PR.

[seanpdoyle]

@jasonramirez agreed, a separate PR is a good idea.

[houndci-bot]

Selector should have depth of applicability no greater than 2, but was 3