Layout Restructuring

[DavidAntaramian]

I modified the layout code to first use Twitter Bootstrap. That makes the layout responsive, automatically resizing to adjust to tablet and smartphone screens, which addresses issue #48. I also utilized the fluid-column based layout, so the content now adjusts to utilize the full screen real-estate available, addressing issue #46.

I attempted to keep the design aesthetics close to the original, maintaining the dark motifs to limit distraction during game play while adding certain highlights for important actions.

The one major design change that this makes is that it switches the navigation from the right to the left. This was done for two reasons:

• LTR language users typically look to the right of the page for primary data and the left of the page for navigation structure
• When the page re-sizes to fit smartphones, the navigation will appear on top, allowing quicker browsing.

[DavidAntaramian]

Note, I did not submit the re-compiled assets.

[DavidAntaramian]

This also paves the way for issue #50, as Bootstrap already has built in support for toggles.

[jefflunt]

Merged. Opened new issue #147 to address some things.

Thanks for the work!