Google Calendar Events JS Pull

index.html

<h3>Upcoming US Holidays</h3>

<div id="agenda"></div>

<script>
  function listEvents(root) {
    var feed = root.feed;
    var entries = feed.entry || [];
    var html = ['<ul>'];

    for (var i = 0; i < entries.length; ++i) {
      var entry = entries[i];
      var title = entry.title.$t;
      var start = (entry['gd$when']) ? entry['gd$when'][0].startTime : "";      

      html.push('<li>', start, ' ', title, '</li>');
    }

    html.push('</ul>');
    document.getElementById("agenda").innerHTML = html.join("");
  }
</script>

<script src="http://www.google.com/calendar/feeds/en.usa%23holiday%40group.v.calendar.google.com/public/full?alt=json-in-script&callback=listEvents&orderby=starttime&max-results=1&singleevents=true&sortorder=ascending&futureevents=true"></script>