Flick json feed

flickr_json.html

<div class="image-feed">
  <div class="loading">
    <p>Loading...</p>
  </div>
</div>

script.js

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=61437579@N06&lang=en-us&format=json&jsoncallback=?", function (data) {
  $('.loading').remove();
  $.each(data.items, function (i, item) {
    var d = new Date(item.date_taken);
    var month = new Array();
        month = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    var m = month[d.getMonth()];
    $("<img />").attr("src", item.media.m).appendTo(".image-feed");
    $("<p />").html(item.title).appendTo(".image-feed");
    $("<time />").attr('datetime', Date.parse(d)).html(m + " " + d.getDate() + " " + d.getFullYear()).appendTo(".image-feed");
  });
});

style.sass

img, p, time
  display: block