Layout page to approximate mockup

@russellholt I have also implemented the functionality for the "Developer Info" button.

Before click:
![screen shot 2014-10-06 at 15 54 41](https://cloud.githubusercontent.com/assets/3652195/4679882/0c57da16-5606-11e4-9df7-dc917a404c82.png)

After click:
![screen shot 2014-10-06 at 15 54 49](https://cloud.githubusercontent.com/assets/3652195/4679893/18e72228-5606-11e4-8a34-26b5dbef8600.png)


better to name things in css after their function rather than how they look. h4 maybe? could be addressed in css as `.dev-info-details h4`