<script type="text/javascript">
    $(document).ready(function(){
        var client = new $.RestClient('https://api.ersnet.org/', {
            cache: 60, //This will cache requests for 60 seconds
            cachableMethods: ["GET"] //This defines what method types can be cached (this is already set by default)
        });
        // var client = new $.RestClient('http://localhost:3030/');

        client.add('calendar');
        client.calendar.read({type:'hermes'}).done(function (data){
            var events = data.data;
            var image;
            var title;
            var uri;
            var leadParagraph;
            for( var i = 0; i < events.length ; i++){
              image = (events[i].image) ? '<div class="card-image"'
                        +'style="background-size:cover;background-repeat: no-repeat;height:150px;'
                        +'background-image: url(\'' + events[i].image + '\');'
                        +'background-position: center center;"></div>'
                        : '';

              title = events[i].title;
              uri = events[i].uri;
              leadParagraph = events[i].leadParagraph;

              $(
                '<div class="col-md-4 isotope">'
                        +'<div class="card card-event">'
                        +image
                        +'<div class="card-content text-left">'
                        +'<h3 class="title">' + uri ? ('<a href="url'+ uri + '>' + title + '</a>') : title + '</h3>'
                        +'<p class="date"><span class="icon s7-date"></span>' + events[i].eventDates + '</p>'
                        + leadParagraph
                        +'</div>'
                        +'</div>'
                        +'</div>'
              ).appendTo($('#national'));
            }
        });
    });
  </script>