Adding Pandora and Blossom as backbone examples.

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 @@ <h2 id="examples-trajectory">Trajectory</h2>
       </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 @@ <h2 id="examples-menagerievet">Menagerie Whiteboard</h2>
       </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>