adding spin as an example site.

This commit is contained in:
Jeremy Ashkenas
2012-06-19 16:08:11 -04:00
parent 9ee453f451
commit 352d486ba1
3 changed files with 18 additions and 18 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

BIN
docs/images/spin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 283 KiB

View File

@@ -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 @@ var model = localBackbone.Model.extend(...);
<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 @@ var model = localBackbone.Model.extend(...);
</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>