docs - Intro revision

_posts/docs/2010-12-01-introduction.mdown

@@ -7,37 +7,23 @@ related: etc
 
 ---
 
-Isotope is a layout, filtering, and sorting plugin for jQuery.
+<p class="tagline">Isotope: An exquisite jQuery plugin for magical layouts</p>
-
-Top notch performance that can handle
 
 ## Features
 
-### Layout
++ **Layout modes**: Intelligent, dynamic layouts that can't be achieved with CSS alone.
-
++ **Filtering**: Hide and reveal item elements easily with jQuery selectors.
-Isotope enables intelligent, dynamic layouts for listed items. Layouts can be arranged in columns, rows, grids, or more complexly like [Masonry](http://desandro.com/resources/jquery-masonry).
++ **Sorting**: Re-order item elements with sorting. Sorting data can be extracted from just about anything.
-
++ **Interoperabilty**: features can be utilized together for a cohesive experience.
-### Filtering
++ **Progressive enhancement**: Isotope's engaging animations take advantage of the best CSS transition and transform features when available, but also fall back to Javascript animation for lesser browsers.
-
-Items can be hidden and shown easily just by using simple jQuery selectors.
-
-### Sorting
-
-These items can then be rearranged in their order via sorting. Sorting relies on any data held within an item.
-
-### Interoperabilty
-
-All functionality built into Isotope was designed to work together. You can sort AND filter AND modify the layout all in one plugin call.
-
-### Progressive Enhancement 
-
-All these behaviors leverage animation to produce engaging interfaces. The best CSS transition and transform features are utilized when available.
 
 ## License
 
-**Commercial use requires purchase of one-time license fee per developer seat.** Commercial licenses may be purchased at [metafizzy.co](http://metafizzy.co). Non-commercial use is free.
+<p id="commercial">
+  <strong>Commercial use requires purchase of one-time license fee per developer seat.</strong> Commercial use  includes any application that makes you money. This includes portfolio sites and premium templates. Commercial licenses may be purchased at <a href="http://metafizzy.co">metafizzy.co</a>.
+</p>
 
-Commercial use generally includes any application that makes you money. This includes portfolio sites and premium templates.
+Use in non-commercial and personal applications is free.
 
 ## Code repository
 
@@ -45,9 +31,10 @@ Commercial use generally includes any application that makes you money. This inc
 
 ## Acknowledgments
 
-+ [**Juriy Zaytsev aka "kangax"**](http://perfectionkills.com) for [getStyleProperty](http://perfectionkills.com/feature-testing-css-properties/) which is used within Isotope
 + [**Faruk Ateş**](http://farukat.es) and [**Paul Irish**](http://paul-irish.com) for [Modernizr](http://www.modernizr.com/)
-+ [**Louis-Rémi Babé**](http://twitter.com/#!/Louis_Remi) for [jQuery smartresize](https://github.com/lrbabe/jquery-smartresize) which is used within Isotope and [jQuery transform](https://github.com/lrbabe/jquery.transform.js) which clued me in to using jQuery 1.4.3's CSS hooks
++ [**Louis-Rémi Babé**](http://twitter.com/#!/Louis_Remi) for [jQuery smartresize](https://github.com/lrbabe/jquery-smartresize) which is used within Isotope and for [jQuery transform](https://github.com/lrbabe/jquery.transform.js) which clued me in to using jQuery 1.4.3's CSS   hooks
-+ [Eric Hynds](http://www.erichynds.com/) for his article [Using $.widget.bridge Outside of the Widget Factory](http://www.erichynds.com/jquery/using-jquery-ui-widget-factory-bridge/) which provided the architecture for the plugin
++ [**Jacek Galanciak**](http://razorjack.net/) for [jQuery Quicksand](http://razorjack.net/quicksand/), an early kernel of inspiration
-+ [Ralph Holzmann](http://twitter.com/#!/ralphholzmann) for re-writing the [jQuery Plugins/Authoring tutorial](http://docs.jquery.com/Plugins/Authoring) and opened my eyes to [Plugin Methods](http://docs.jquery.com/Plugins/Authoring#Plugin_Methods) paradigm
++ [**Ralph Holzmann**](http://twitter.com/#!/ralphholzmann) for re-writing the [jQuery Plugins/Authoring tutorial](http://docs.jquery.com/Plugins/Authoring) and opened my eyes to [Plugin Methods](http://docs.jquery.com/Plugins/Authoring#Plugin_Methods) pattern
++ [**Eric Hynds**](http://www.erichynds.com/) for his article [Using $.widget.bridge Outside of the Widget Factory](http://www.erichynds.com/jquery/using-jquery-ui-widget-factory-bridge/) which provided the architecture for the plugin
++ [**Juriy Zaytsev aka "kangax"**](http://perfectionkills.com) for [getStyleProperty](http://perfectionkills.com/feature-testing-css-properties/) which is used within Isotope
 

css/style.css

@@ -482,7 +482,23 @@ h3#options {
   border-left: 1px solid #222;
 }
 
+/* Tagline */
 
+.doc .tagline {
+  font-size: 22px;
+  font-weight: 300;
+}
+
+/* Commercial license blurb */
+
+.doc #commercial {
+  background: white;
+  padding: 10px;
+  font-size: 14px;
+  color: #1F1F1D;
+}
+
+.doc #commercial a { font-weight: bold;}
 
 /**** Pygments ****/