Coderwall Badge Script for Blogs (or any other Web Page)

coderwall.coffee

# coderwall.coffee
# Display coderwall.com badges

username = "hermanjunge"
el = $(".coderwall")
$.getJSON "http://www.coderwall.com/#{username}.json?callback=?", (data) ->
  el.empty()
  for item in data.data.badges
    $("<img>")
    .attr(
      src:    item.badge
      float:  "left"
      title:  "#{item.name}: #{item.description}"
      alt:    item.name
      height: 75
      width:  75
    )
    .appendTo(el)
    .hover((-> $(@).css "opacity", "0.6"), (-> $(@).css "opacity", "1.0"))
    .wrap("<a href=\"http://www.coderwall.com/#{username}\" target=\"_blank\">")