adding spin as an example site.

mweibel · Jun 19, 2012 · 352d486 · 352d486
1 parent 9ee453f
commit 352d486
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 18 deletions.
diff --git a/docs/images/animoto.png b/docs/images/animoto.png
diff --git a/docs/images/spin.png b/docs/images/spin.png
diff --git a/index.html b/index.html
@@ -416,6 +416,7 @@
       <li>– <a href="#examples-khan-academy">Khan Academy</a></li>
       <li>– <a href="#examples-do">Do</a></li>
       <li>– <a href="#examples-pitchfork">Pitchfork</a></li>
+      <li>– <a href="#examples-spin">Spin</a></li>
       <li>– <a href="#examples-walmart">Walmart Mobile</a></li>
       <li>– <a href="#examples-groupon">Groupon Now!</a></li>
       <li>– <a href="#examples-basecamp">Basecamp Mobile</a></li>
@@ -439,7 +440,6 @@
       <li>– <a href="#examples-salon">Salon.io</a></li>
       <li>– <a href="#examples-tilemill">TileMill</a></li>
       <li>– <a href="#examples-blossom">Blossom</a></li>
-      <li>– <a href="#examples-animoto">Animoto</a></li>
       <li>– <a href="#examples-decide">Decide</a></li>
       <li>– <a href="#examples-trello">Trello</a></li>
       <li>– <a href="#examples-ducksboard">Ducksboard</a></li>
@@ -2702,6 +2702,23 @@ <h2 id="examples-pitchfork">Pitchfork</h2>
         <img src="docs/images/pitchfork.png" alt="Pitchfork" class="example_image" />
       </a>
     </div>
+
+    <h2 id="examples-spin">Spin</h2>
+
+    <p>
+      <a href="http://spin.com/">Spin</a> pulls in the 
+      <a href="http://www.spin.com/news">latest news stories</a> from 
+      their internal API onto their site using Backbone models and collections, and a 
+      custom <tt>sync</tt> method. Because the music should never stop playing, 
+      even as you click through to different "pages", Spin uses a Backbone router
+      for navigation within the site.
+    </p>
+
+    <div style="text-align: center;">
+      <a href="http://spin.com/">
+        <img src="docs/images/spin.png" alt="Spin" class="example_image" />
+      </a>
+    </div>
 
     <h2 id="examples-walmart">Walmart Mobile</h2>
 
@@ -3133,23 +3150,6 @@ <h2 id="examples-blossom">Blossom</h2>
       </a>
     </div>
 
-    <h2 id="examples-animoto">Animoto</h2>
-
-    <p>
-      <a href="http://animoto.com">Animoto</a> is a web-based video creation
-      platform, where users can upload their own photos, video clips and music
-      and create beautifully orchestrated slideshows. The video editor app is
-      built with Backbone.js and <a href="http://jquery.com">jQuery</a> and interfaces with a <a href="http://rubyonrails.org/">Ruby on Rails</a>
-      backend. Backbone has provided structure which helps the Animoto team
-      iterate quickly on the codebase while reducing the risk of regressions.
-    </p>
-
-    <div style="text-align: center;">
-      <a href="http://www.animoto.com/">
-        <img src="docs/images/animoto.png" alt="Tzigla" class="Animoto Video Editor" />
-      </a>
-    </div>
-
     <h2 id="examples-decide">Decide</h2>
 
     <p>