From d71460cad1e229ccf9f568ab739e0213b23cf664 Mon Sep 17 00:00:00 2001
From: David DeSandro <david@desandro.com>
Date: Thu, 21 Jul 2011 10:38:57 -0400
Subject: [PATCH] docs : use Zootool for screenshots

---
 _posts/docs/2011-12-11-help.mdown |  3 ++-
 index.html                        | 26 +++++++++++++-------------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/_posts/docs/2011-12-11-help.mdown b/_posts/docs/2011-12-11-help.mdown
index 1ab45ef..713c2ba 100644
--- a/_posts/docs/2011-12-11-help.mdown
+++ b/_posts/docs/2011-12-11-help.mdown
@@ -38,7 +38,8 @@ Support License is included with Isotope Commercial License.
 ## Additional resources
 
 + The [Metafizzy blog](http://metafizzy.co/blog/) has posts that cover specialized use cases
-+ [Sites using Isotope](http://www.delicious.com/desandro/using:isotope)
++ [Sites using Isotope on Zootool](http://zootool.com/user/desandro/tag:isotope), has screenshots
++ [Sites using Isotope on Delicious](http://www.delicious.com/desandro/using:isotope)
 + [Miscelleanous Isotope content](http://www.delicious.com/desandro/re:isotope)
 + [Stack Overflow questions on Isotope](http://www.delicious.com/desandro/re:isotope+stackoverflow)
 
diff --git a/index.html b/index.html
index ce9eb67..a527d61 100644
--- a/index.html
+++ b/index.html
@@ -136,25 +136,25 @@ features:
       };
     
       // dynamically load sites using Isotope from Ember app
-      $.getJSON('http://api.emberapp.com/users/view/' + 
-                  'desandro/collections/view/isotope.json?callback=?')
+      $.getJSON('http://zootool.com/api/users/items/?username=desandro' +
+          '&apikey=8b604e5d4841c2cd976241dd90d319d7' +
+          '&tag=bestofisotope&callback=?')
         .error( ajaxError )
         .success(function( data ){
-        
-          // proceed only if we have images
-          if ( !data.response || !data.response.images ) {
+
+          // proceed only if we have items
+          if ( !data || !data.length ) {
             ajaxError();
             return;
           }
-          var images = data.response.images,
-              items = [],
+          var items = [],
               item, image;
-        
-          for ( var i=0, len = images.length; i < len; i++ ) {
-            image = images[i];
-            item = '<li><a href="' + image.url + '">'
-              + '<img src="' + image.file.src.replace('/m.', '/s.') + '" />'
-              + '<b>' + image.name + '</b>'
+
+          for ( var i=0, len = data.length; i < len; i++ ) {
+            datum = data[i];
+            item = '<li><a href="' + datum.url + '">'
+              + '<img src="' + datum.image.replace('/l.', '/m.') + '" />'
+              + '<b>' + datum.title + '</b>'
               + '</a></li>';
             items.push( item );
           }