JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.lofiz.co.uk/afba/songkickwidget/jquery.livequery.js" type="text/javascript"></script>
<script src="http://www.lofiz.co.uk/afba/songkickwidget/jquery.nano.js" type="text/javascript"></script>

<ul id="concerts">Loading Next Gig...</ul>

CSS

ul {
font-family: Lucida Grande, Arial, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #371C1C;
text-decoration: none;
background-color: none;
text-indent: 0px;
list-style-position: outside;
list-style-image: url(arrow.gif);
list-style-type: none;
padding: 6px;
margin: 2px;
}

ul a {
background-image: none;
background-repeat: no-repeat;
background-position: right;
padding-right: 0px;
padding-left: 0px;

line-height: 0px;
text-decoration: none;
font-family: Lucida Grande, Arial, sans-serif;
font-size: 12px;
color: #371C1C;
}

JavaScript

$(document).ready(function () {
  var template = "<a href='{uri}'>Our next gig is at the {venue.displayName} in {location.city} on {start.date} </a>";
  var nogig = "no gigs";
  var apikey = 'HlgKnFaq9qYO1h9T';
  var container = $("ul#concerts");
  $.getJSON('http://api.songkick.com/api/3.0/artists/253846/calendar.json?apikey=' + apikey + '&jsoncallback=?', function(data) {
    container.html("");
    events = data.resultsPage.results.event;
if (events===null) {
      container.append($.nano(nogig));
}
else {
      container.append($.nano(template, events[0]));
}
  });
});