Redesign using Bootswatch's flatly and FA

Please test this on your end. 

I had to merge in some recent changes. I realize I forked from another fork but I fixed it now. 

Thanks for your enthusiasm accepting the PR. I look forward to more contributions.

-Roger


---

I added the font-awesort mrt package
Because of some bug I had to link to the FontAwesome CDN in bootstrap.html 

See the new images below

![login](https://cloud.githubusercontent.com/assets/1464035/3655312/bbb67ba8-1177-11e4-891b-41c1c81ab372.png)
![home](https://cloud.githubusercontent.com/assets/1464035/3655311/bbb65e48-1177-11e4-943e-ec129265f615.png)

![collection](https://cloud.githubusercontent.com/assets/1464035/3655308/bbb6471e-1177-11e4-81ec-a9319e8774ad.png)

![inline](https://cloud.githubusercontent.com/assets/1464035/3655310/bbb65ad8-1177-11e4-92c0-02e6ac341d21.png)

![document](https://cloud.githubusercontent.com/assets/1464035/3655309/bbb645f2-1177-11e4-8ff5-36462f14ee48.png)
yes, my IDE (WebStorm) formats HTML files by 4 spaces.

I'm more than happy to reformat everything to 2 spaces if you like. I just want consistency going forward.