Guide copy updates

Files are broken up like this to make the in page links.

Pretty much redone everything.
- new md files
- renamed old ones
- redone the tests
- change in the controller
- new locale entries for link text
- little shame css
@cleargif 700 is better bet, and more widely supported. Moreover, could you use one of the typography mixins instead of this to maintain consistency? thanks :+1: