Update images to retina versions, remove images no longer used, minify everything else

Author: patrickkettner

docs/images/airbnb.png

@@ -2817,7 +2817,7 @@ <h2 id="examples">Examples</h2>
 
     <div style="text-align: center;">
       <a href="examples/todos/index.html">
-        <img width="400" height="427" data-original="docs/images/todos.png" alt="Todos" class="example_image" />
+        <img width="400" height="427" data-original="docs/images/todos.jpg" alt="Todos" class="example_retina" />
       </a>
     </div>
 
@@ -2834,7 +2834,7 @@ <h2 id="examples-documentcloud">DocumentCloud</h2>
 
     <div style="text-align: center;">
       <a href="http://www.documentcloud.org/public/#search/">
-        <img width="550" height="453" data-original="docs/images/dc-workspace.png" alt="DocumentCloud Workspace" class="example_image" />
+        <img width="550" height="453" data-original="docs/images/dc-workspace.jpg" alt="DocumentCloud Workspace" class="example_retina" />
       </a>
     </div>
 
@@ -2853,7 +2853,7 @@ <h2 id="examples-usa-today">USA Today</h2>
 
     <div style="text-align: center;">
       <a href="http://usatoday.com">
-        <img width="550" height="532" data-original="docs/images/usa-today.png" alt="USA Today" class="example_image" />
+        <img width="550" height="532" data-original="docs/images/usa-today.jpg" alt="USA Today" class="example_retina" />
       </a>
     </div>
 
@@ -2874,7 +2874,7 @@ <h2 id="examples-rdio">Rdio</h2>
 
     <div style="text-align: center;">
       <a href="http://rdio.com/new">
-        <img width="550" height="344" data-original="docs/images/rdio.png" alt="Rdio" class="example_image" />
+        <img width="550" height="344" data-original="docs/images/rdio.jpg" alt="Rdio" class="example_retina" />
       </a>
     </div>
 
@@ -2892,7 +2892,7 @@ <h2 id="examples-hulu">Hulu</h2>
 
     <div style="text-align: center;">
       <a href="http://hulu.com">
-        <img width="550" height="449" data-original="docs/images/hulu.png" alt="Hulu" class="example_image" />
+        <img width="550" height="449" data-original="docs/images/hulu.jpg" alt="Hulu" class="example_retina" />
       </a>
     </div>
 
@@ -2947,7 +2947,7 @@ <h2 id="examples-gawker">Gawker Media</h2>
 
     <div style="text-align: center;">
       <a href="http://gawker.com">
-        <img width="558" height="473" data-original="docs/images/gawker.png" alt="Gawker" class="example_image" />
+        <img width="558" height="473" data-original="docs/images/gawker.jpg" alt="Gawker" class="example_retina" />
       </a>
     </div>
 
@@ -2962,7 +2962,7 @@ <h2 id="examples-flow">Flow</h2>
 
     <div style="text-align: center;">
       <a href="http://www.getflow.com/">
-        <img width="550" height="416" data-original="docs/images/flow.png" alt="Flow" class="example_image" />
+        <img width="550" height="416" data-original="docs/images/flow.jpg" alt="Flow" class="example_retina" />
       </a>
     </div>
 
@@ -2982,7 +2982,7 @@ <h2 id="examples-gilt">Gilt Groupe</h2>
 
     <div style="text-align: center;">
       <a href="http://www.gilt.com/">
-        <img width="550" height="444" data-original="docs/images/gilt.jpg" alt="Gilt Groupe" class="example_image" />
+        <img width="550" height="444" data-original="docs/images/gilt.jpg" alt="Gilt Groupe" class="example_retina" />
       </a>
     </div>
 
@@ -3019,8 +3019,8 @@ <h2 id="examples-wordpress">WordPress.com</h2>
 
     <div style="text-align: center;">
       <a href="http://wordpress.com/">
-        <img width="550" height="387" data-original="docs/images/wpcom-notifications.png" alt="WordPress.com Notifications"
-    title="WordPress.com Notifications" class="example_image" />
+        <img width="550" height="387" data-original="docs/images/wpcom-notifications.jpg" alt="WordPress.com Notifications"
+    title="WordPress.com Notifications" class="example_retina" />
       </a>
     </div>
 
@@ -3036,7 +3036,7 @@ <h2 id="examples-foursquare">Foursquare</h2>
 
     <div style="text-align: center;">
       <a href="http://foursquare.com">
-        <img width="550" height="427" data-original="docs/images/foursquare.png" alt="Foursquare" class="example_image" />
+        <img width="550" height="427" data-original="docs/images/foursquare.jpg" alt="Foursquare" class="example_retina" />
       </a>
     </div>
 
@@ -3056,7 +3056,7 @@ <h2 id="examples-bitbucket">Bitbucket</h2>
 
     <div style="text-align: center;">
       <a href="http://www.bitbucket.org">
-        <img width="550" height="356" data-original="docs/images/bitbucket.png" alt="Bitbucket" class="example_image" />
+        <img width="550" height="356" data-original="docs/images/bitbucket.jpg" alt="Bitbucket" class="example_retina" />
       </a>
     </div>
 
@@ -3072,7 +3072,7 @@ <h2 id="examples-disqus">Disqus</h2>
 
     <div style="text-align: center;">
       <a href="http://www.disqus.com">
-        <img width="550" height="454" data-original="docs/images/disqus.png" alt="Disqus" class="example_image" />
+        <img width="550" height="454" data-original="docs/images/disqus.jpg" alt="Disqus" class="example_retina" />
       </a>
     </div>
 
@@ -3092,7 +3092,7 @@ <h2 id="examples-khan-academy">Khan Academy</h2>
 
     <div style="text-align: center;">
       <a href="http://www.khanacademy.org">
-        <img width="550" height="454" data-original="docs/images/khan-academy.png" alt="Khan Academy" class="example_image" />
+        <img width="550" height="454" data-original="docs/images/khan-academy.jpg" alt="Khan Academy" class="example_retina" />
       </a>
     </div>
 
@@ -3115,7 +3115,7 @@ <h2 id="examples-elife-lens">eLife Lens</h2>
 
     <div style="text-align: center;">
       <a href="http://elifesciences.github.io/lens/#about/figures/all/video_video1">
-        <img width="510" height="383" data-original="docs/images/lens.png" alt="eLife Lens" class="example_retina" />
+        <img width="510" height="383" data-original="docs/images/lens.jpg" alt="eLife Lens" class="example_retina" />
       </a>
     </div>
 
@@ -3169,7 +3169,7 @@ <h2 id="examples-pitchfork">Pitchfork</h2>
 
     <div style="text-align: center;">
       <a href="http://pitchfork.com/">
-        <img width="550" height="428" data-original="docs/images/pitchfork.png" alt="Pitchfork" class="example_image" />
+        <img width="550" height="428" data-original="docs/images/pitchfork.jpg" alt="Pitchfork" class="example_retina" />
       </a>
     </div>
 
@@ -3186,7 +3186,7 @@ <h2 id="examples-spin">Spin</h2>
 
     <div style="text-align: center;">
       <a href="http://spin.com/">
-        <img width="550" height="543" data-original="docs/images/spin.png" alt="Spin" class="example_image" />
+        <img width="550" height="543" data-original="docs/images/spin.jpg" alt="Spin" class="example_retina" />
       </a>
     </div>
 
@@ -3231,7 +3231,7 @@ <h2 id="examples-walmart">Walmart Mobile</h2>
 
     <div style="text-align: center;">
       <a href="http://mobile.walmart.com/r/phoenix">
-        <img width="256" height="500" data-original="docs/images/walmart-mobile.png" alt="Walmart Mobile" class="example_image" />
+        <img width="256" height="534" data-original="docs/images/walmart-mobile.png" alt="Walmart Mobile" class="example_image" />
       </a>
     </div>
 
@@ -3253,7 +3253,7 @@ <h2 id="examples-groupon">Groupon Now!</h2>
 
     <div style="text-align: center;">
       <a href="http://www.groupon.com/now">
-        <img width="550" height="466" data-original="docs/images/groupon.png" alt="Groupon Now!" class="example_image" />
+        <img width="550" height="466" data-original="docs/images/groupon.jpg" alt="Groupon Now!" class="example_retina" />
       </a>
     </div>
 
@@ -3270,7 +3270,7 @@ <h2 id="examples-basecamp">Basecamp</h2>
 
     <div style="text-align: center;">
       <a href="http://basecamp.com/calendar">
-        <img width="530" height="380" data-original="docs/images/basecamp-calendar.jpg" alt="Basecamp Calendar" class="example_image" />
+        <img width="530" height="380" data-original="docs/images/basecamp-calendar.jpg" alt="Basecamp Calendar" class="example_retina" />
       </a>
     </div>
 
@@ -3291,7 +3291,7 @@ <h2 id="examples-slavery-footprint">Slavery Footprint</h2>
 
     <div style="text-align: center;">
       <a href="http://slaveryfootprint.org/survey">
-        <img width="550" height="394" data-original="docs/images/slavery-footprint.png" alt="Slavery Footprint" class="example_image" />
+        <img width="550" height="394" data-original="docs/images/slavery-footprint.jpg" alt="Slavery Footprint" class="example_retina" />
       </a>
     </div>
 
@@ -3311,7 +3311,7 @@ <h2 id="examples-stripe">Stripe</h2>
 
     <div style="text-align: center;">
       <a href="https://stripe.com">
-        <img width="555" height="372" data-original="docs/images/stripe.png" alt="Stripe" class="example_image" />
+        <img width="555" height="372" data-original="docs/images/stripe.png" alt="Stripe" class="example_retina" />
       </a>
     </div>
 
@@ -3345,7 +3345,7 @@ <h2 id="examples-diaspora">Diaspora</h2>
 
     <div style="text-align: center;">
       <a href="http://www.joindiaspora.com/">
-        <img width="550" height="394" data-original="docs/images/diaspora.png" alt="Diaspora" class="example_image" />
+        <img width="550" height="394" data-original="docs/images/diaspora.jpg" alt="Diaspora" class="example_retina" />
       </a>
     </div>
 
@@ -3372,7 +3372,7 @@ <h2 id="examples-soundcloud">SoundCloud Mobile</h2>
 
     <div style="text-align: center;">
       <a href="http://m.soundcloud.com">
-        <img width="266" height="500" data-original="docs/images/soundcloud.png" alt="SoundCloud" class="example_image" />
+        <img width="266" height="555" data-original="docs/images/soundcloud.png" alt="SoundCloud" class="example_image" />
       </a>
     </div>
 
@@ -3390,7 +3390,7 @@ <h2 id="examples-artsy">Art.sy</h2>
 
     <div style="text-align: center;">
       <a href="http://artsy.net">
-        <img width="550" height="550" data-original="docs/images/artsy.png" alt="Art.sy" class="example_image" />
+        <img width="550" height="550" data-original="docs/images/artsy.jpg" alt="Art.sy" class="example_retina" />
       </a>
     </div>
 
@@ -3407,7 +3407,7 @@ <h2 id="examples-pandora">Pandora</h2>
 
     <div style="text-align: center;">
       <a href="http://www.pandora.com/newpandora">
-        <img width="476" height="359" data-original="docs/images/pandora.png" alt="Pandora" class="example_image" />
+        <img width="476" height="359" data-original="docs/images/pandora.jpg" alt="Pandora" class="example_retina" />
       </a>
     </div>
 
@@ -3431,7 +3431,7 @@ <h2 id="examples-inkling">Inkling</h2>
 
     <div style="text-align: center;">
       <a href="http://inkling.com">
-        <img width="550" height="361" data-original="docs/images/inkling.png" alt="Inkling" class="example_image" />
+        <img width="550" height="361" data-original="docs/images/inkling.jpg" alt="Inkling" class="example_retina" />
       </a>
     </div>
 
@@ -3451,7 +3451,7 @@ <h2 id="examples-code-school">Code School</h2>
 
     <div style="text-align: center;">
       <a href="http://www.codeschool.com">
-        <img width="550" height="482" data-original="docs/images/code-school.png" alt="Code School" class="example_image" />
+        <img width="550" height="482" data-original="docs/images/code-school.jpg" alt="Code School" class="example_retina" />
       </a>
     </div>
 
@@ -3470,7 +3470,7 @@ <h2 id="examples-cloudapp">CloudApp</h2>
 
     <div style="text-align: center;">
       <a href="http://getcloudapp.com">
-        <img width="550" height="426" data-original="docs/images/cloudapp.png" alt="CloudApp" class="example_image" />
+        <img width="550" height="426" data-original="docs/images/cloudapp.jpg" alt="CloudApp" class="example_retina" />
       </a>
     </div>
 
@@ -3486,7 +3486,7 @@ <h2 id="examples-seatgeek">SeatGeek</h2>
 
     <div style="text-align: center;">
       <a href="http://seatgeek.com">
-        <img width="550" height="455" data-original="docs/images/seatgeek.png" alt="SeatGeek" class="example_image" />
+        <img width="550" height="455" data-original="docs/images/seatgeek.jpg" alt="SeatGeek" class="example_retina" />
       </a>
     </div>
 
@@ -3504,7 +3504,7 @@ <h2 id="examples-easel">Easel</h2>
 
     <div style="text-align: center;">
       <a href="http://easel.io">
-        <img width="550" height="395" data-original="docs/images/easel.png" alt="Easel" class="example_image" />
+        <img width="550" height="395" data-original="docs/images/easel.jpg" alt="Easel" class="example_retina" />
       </a>
     </div>
 
@@ -3562,7 +3562,7 @@ <h2 id="examples-salon">Salon.io</h2>
 
     <div style="text-align: center;">
       <a href="http://salon.io">
-        <img width="550" height="483" data-original="docs/images/salon.png" alt="Salon.io" class="example_image" />
+        <img width="550" height="483" data-original="docs/images/salon.jpg" alt="Salon.io" class="example_retina" />
       </a>
     </div>
 
@@ -3583,7 +3583,7 @@ <h2 id="examples-tilemill">TileMill</h2>
 
     <div style="text-align: center;">
       <a href="http://mapbox.github.com/tilemill/">
-        <img width="544" height="375" data-original="docs/images/tilemill.png" alt="TileMill" class="example_image" />
+        <img width="544" height="375" data-original="docs/images/tilemill.jpg" alt="TileMill" class="example_retina" />
       </a>
     </div>
 
@@ -3599,7 +3599,7 @@ <h2 id="examples-blossom">Blossom</h2>
 
     <div style="text-align: center;">
       <a href="http://blossom.io">
-        <img width="550" height="367" data-original="docs/images/blossom.png" alt="Blossom" class="example_image" />
+        <img width="550" height="367" data-original="docs/images/blossom.jpg" alt="Blossom" class="example_retina" />
       </a>
     </div>
 
@@ -3616,7 +3616,7 @@ <h2 id="examples-trello">Trello</h2>
 
     <div style="text-align: center;">
       <a href="http://trello.com">
-        <img width="550" height="416" data-original="docs/images/trello.png" alt="Trello" class="example_image" />
+        <img width="550" height="416" data-original="docs/images/trello.jpg" alt="Trello" class="example_retina" />
       </a>
     </div>
 
@@ -3641,7 +3641,7 @@ <h2 id="examples-tzigla">Tzigla</h2>
 
     <div style="text-align: center;">
       <a href="http://www.tzigla.com/">
-        <img width="550" height="376" data-original="docs/images/tzigla.png" alt="Tzigla" class="example_image" />
+        <img width="550" height="376" data-original="docs/images/tzigla.jpg" alt="Tzigla" class="example_retina" />
       </a>
     </div>