Rewrite Tutorials and Demos

[jehoshua02]

Right now, the demo page is actually a tutorial with demos embedded within. I'd like to replace all this with a series of tutorials and demo pages.

Tutorials:

• Typical Layout Without Breakpoints.js: I'd like to start by showing how a typical layout would be created without breakpoints.js with a link to a working demo page. This layout should have a right and left sidebar with content section broken into columns. We should define a min-width for each element and the order in which we want to move elements into columns so that we can determine breakpoints. We should have fluctuating content columns, so that it progresses from 1 to 2 to 3 to 2 to 3, to ensure we end up with duplicate and messy code in our media queries.
• Typical Layout With Breakpoints.js: Then I would like to show how to build the same layout with breakpoints.js with a link to a working demo page.
• Using Breakpoints.js Callbacks: I'd like to show how to use the enter and exit callbacks to insert elements into a layout.