adding scrollkit as an example site

index.html

@@ -360,7 +360,6 @@
       <li>– <a href="#examples-wunderkit">Wunderkit</a></li>
       <li>– <a href="#examples-khan-academy">Khan Academy</a></li>
       <li>– <a href="#examples-do">Do</a></li>
-      <li>– <a href="#examples-posterous">Posterous Spaces</a></li>
       <li>– <a href="#examples-pitchfork">Pitchfork</a></li>
       <li>– <a href="#examples-walmart">Walmart Mobile</a></li>
       <li>– <a href="#examples-groupon">Groupon Now!</a></li>
@@ -378,6 +377,7 @@
       <li>– <a href="#examples-grove">Grove.io</a></li>
       <li>– <a href="#examples-kanogames">KANO/GAMES</a></li>
       <li>– <a href="#examples-shortmail">Shortmail</a></li>
+      <li>– <a href="#examples-scrollkit">scroll kit</a></li>
       <li>– <a href="#examples-battlefield">Battlefield Play4Free</a></li>
       <li>– <a href="#examples-salon">Salon.io</a></li>
       <li>– <a href="#examples-tilemill">TileMill</a></li>
@@ -2593,24 +2593,6 @@ <h2 id="examples-do">Do</h2>
         <img src="docs/images/do.png" alt="Do" class="example_image" />
       </a>
     </div>
-
-    <h2 id="examples-posterous">Posterous</h2>
-
-    <p>
-      <a href="https://posterous.com/">Posterous Spaces</a> is
-      <a href="http://technology.posterous.com/posterous-spaces-is-built-on-backbonejs">built on Backbone</a>.
-      The models and collections mirror the public
-      <a href="http://posterous.com/api">Posterous API</a>. Backbone made it easy
-      for the team to create a JavaScript-heavy application with complex
-      interactions and state maintenance. Spaces also uses <a href="http://coffeescript.org/">CoffeeScript</a>,
-      <a href="http://underscorejs.org/">Underscore.js</a>, <a href="https://github.com/creationix/haml-js">Haml.js</a>, <a href="http://sass-lang.com/">Sass</a>, <a href="http://compass-style.org/">Compass</a>, and of course <a href="http://jquery.com">jQuery</a>.
-    </p>
-
-    <div style="text-align: center;">
-      <a href="https://posterous.com/">
-        <img src="docs/images/posterous-spaces.png" alt="Posterous Spaces" class="example_image" />
-      </a>
-    </div>
 
     <h2 id="examples-pitchfork">Pitchfork</h2>
 
@@ -2928,6 +2910,24 @@ <h2 id="examples-shortmail">Shortmail</h2>
         <img src="docs/images/shortmail.png" alt="Shortmail" class="example_image" />
       </a>
     </div>
+
+    <h2 id="examples-scrollkit">scroll kit</h2>
+
+    <p>
+      <a href="http://scrollkit.com/">scroll kit</a> is a new kind of website 
+      builder that makes designing a web page feel more like drawing. 
+      The workspace is a single-page web application built with Rails and Backbone.js. 
+      In scroll kit, every DOM element is associated with a Backbone model, so that 
+      style changes that are made to an element automatically update the model
+      and propagate the change across all its views.
+      <a href="http://scrollkit.com/demo">Try it out</a>.
+    </p>
+
+    <div style="text-align: center;">
+      <a href="http://scrollkit.com">
+        <img src="docs/images/scrollkit.png" alt="scroll kit" class="example_image" />
+      </a>
+    </div>
 
     <h2 id="examples-battlefield">Battlefield Play4Free</h2>