jQuery, Nano and Songkick

Knocked this one up earlier today to get my Songkick gig listings on this here blog. Maybe its just the novelty of having some gigs to go to and a bit of showing off that we’re running off to Germany for 11 days of mayhem and we’ve not learned how to speak the language yet.

$(document).ready(function () {

  var template = "<li><a href='{uri}'>{displayName}</a></li>";
  var apikey = '<your apikey>';
  var container = $("ul#concerts");

  $.getJSON('http://api.songkick.com/api/3.0/users/<your songkick username>/events.json?apikey=' + apikey + '&jsoncallback=?', function(data) {
    container.html("");
    events = data["resultsPage"]["results"]['event'];
    $.each(events.reverse(), function() {
      container.append($.nano(template, this));
    });
  });

});