create layout for the patterns page

As before mentioned, I'm still not a fan of the structure, but I'm going
to make it work, then refactor.
setup demo "pattern library" to start with.

I'm using bourbon for a few mixins, and otherwise just demoing the
structure I recommend for new projects. I won't go too crazy on it save
what is required to create a boilerplate system.
resize iframes based on content

I'm using a rather quick little javascript library to resize the iframes
based on their content, hopefully seamlessly.
add a few more "patterns", start frame style

I've added a few more patterns to the index page, and just put in
placeholders for navigation on the application.