[Pkg-javascript-commits] [backbone] 06/28: Adding Pandora and Blossom as backbone examples.

[Jonas Smedegaard]

This is an automated email from the git hooks/post-receive script.

js pushed a commit to tag 0.5.3
in repository backbone.

commit e14894844fc32e84c429143a2893e058dea5b9dc
Author: Jeremy Ashkenas <jashkenas at gmail.com>
Date:   Wed Jul 27 13:47:54 2011 -0400

    Adding Pandora and Blossom as backbone examples.
---
 docs/images/blossom.png | Bin 0 -> 120101 bytes
 docs/images/pandora.png | Bin 0 -> 130766 bytes
 index.html              |  35 +++++++++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+)

diff --git a/docs/images/blossom.png b/docs/images/blossom.png
new file mode 100644
index 0000000..709e4dd
Binary files /dev/null and b/docs/images/blossom.png differ
diff --git a/docs/images/pandora.png b/docs/images/pandora.png
new file mode 100644
index 0000000..ef577eb
Binary files /dev/null and b/docs/images/pandora.png differ
diff --git a/index.html b/index.html
index 5598b51..588cd52 100644
--- a/index.html
+++ b/index.html
@@ -281,12 +281,14 @@
       <li>– <a href="#examples-basecamp">Basecamp Mobile</a></li>
       <li>– <a href="#examples-flow">Flow</a></li>
       <li>– <a href="#examples-trajectory">Trajectory</a></li>
+      <li>– <a href="#examples-pandora">Pandora</a></li>
       <li>– <a href="#examples-cloudapp">CloudApp</a></li>
       <li>– <a href="#examples-soundcloud">Mobile SoundCloud</a></li>
       <li>– <a href="#examples-seatgeek">SeatGeek</a></li>
       <li>– <a href="#examples-quoteroller">Quote Roller</a></li>
       <li>– <a href="#examples-tilemill">TileMill</a></li>
       <li>– <a href="#examples-menagerievet">Menagerie Whiteboard</a></li>
+      <li>- <a href="#examples-blossom">Blossom</a></li>
       <li>- <a href="#examples-instagreat">Insta-great!</a></li>
       <li>- <a href="#examples-decide">Decide</a></li>
       <li>- <a href="#examples-bittorrent">BitTorrent</a></li>
@@ -2068,6 +2070,23 @@ var model = localBackbone.Model.extend(...);
       </a>
     </div>
     
+    <h2 id="examples-pandora">Pandora</h2>
+    
+    <p>
+      When <a href="http://www.pandora.com/newpandora">Pandora</a> redesigned 
+      their site in HTML5, they chose Backbone.js to help
+      manage the user interface and interactions. For example, there's a model
+      that represents the "currently playing track", and multiple views that 
+      automatically update when the current track changes. The station list is a 
+      collection, so that when stations are added or changed, the UI stays up to date.
+    </p>
+
+    <div style="text-align: center;">
+      <a href="http://www.pandora.com/newpandora">
+        <img src="docs/images/pandora.png" alt="Pandora" class="example_image" />
+      </a>
+    </div>
+    
     <h2 id="examples-cloudapp">CloudApp</h2>
     
     <p>
@@ -2189,6 +2208,22 @@ var model = localBackbone.Model.extend(...);
       </a>
     </div>
     
+    <h2 id="examples-blossom">Blossom</h2>
+    
+    <p>
+      <a href="http://blossom.io">Blossom</a> is a lightweight project management 
+      tool for lean teams. Backbone.js is heavily used in combination with 
+      <a href="http://coffeescript.org">CoffeeScript</a> to provide a smooth 
+      interaction experience. The RESTful backend is built
+      with <a href="http://flask.pocoo.org/">Flask</a> on Google App Engine.
+    </p>
+
+    <div style="text-align: center;">
+      <a href="http://blossom.io">
+        <img src="docs/images/blossom.png" alt="Blossom" class="example_image" />
+      </a>
+    </div>
+    
     <h2 id="examples-instagreat">Insta-great!</h2>
     
     <p>

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/backbone.git