Merge pull request #10 from bstrie/gh-pages

Tweak example for 0.8
css: moved to an individual folder for tidiness
logo: add an improved version

- Uses full 128px width
- Has a lightly circled border
Website redesign & cleanup, Bootstrap update

- Update to Bootstrap 3
- Cleanup and simplify the HTML part, remove all unnecessary tags
- Rework the design a bit
Note: no responsive design atm
Losslessly compress all other logos

Done with PngOptimizer on Windows.
Proper font sizes and indent
Use 32x32 favicon

Compatibility shouldn't be a concern.
https://github.com/h5bp/html5-boilerplate/issues/1285#issuecomment-12065635
CSS: minor cleanups

Note: using <body> as a container seems fine even on older browsers
(IE6/7).
CSS: add uncompressed Bootstrap CSS as a reference
Make it responsive (WIP)

Body container scales from 580px to 820px.
Merge pull request #11 from adridu59/gh-pages

Moving forward
Make it responsive (part 2)
Merge pull request #12 from adridu59/pull-2

Make it responsive (part 2)
Move infobox headers from left to above

On my display, the code is long enough that it wraps, which is ugly.
We could just make the code shorter, but there's a better solution.
The low-resolution responsive view puts the infobox headers *above*,
rather than to the left, which not only wastes less space but also
just plain looks better. So let's just do that on the high-res view.