quickstart.html


<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="author" content="">
  </head>
  <body>
    <ul id="events-upcoming">
    </ul>
    <ul id="events-past">
    </ul>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="format-google-calendar.js"></script>
    <script>
      formatGoogleCalendar.init({
        calendarUrl: 'https://www.googleapis.com/calendar/v3/calendars/o5taggj21sn0ojs0u4323j2bt8@group.calendar.google.com/events?key=AIzaSyCulRCRR1rItvPjkuXv8AmKJapqcT3Nva0',
        past: true,
        upcoming: true,
        pastTopN: 20,
        upcomingTopN: 30,
        itemsTagName: 'li',
        upcomingSelector: '#events-upcoming',
        pastSelector: '#events-past',
        upcomingHeading: '<h2>Upcoming events</h2>',
        pastHeading: '<h2>Past events</h2>',
        format: ['*date*', ': ', '*summary*', ' &mdash; ', '*description*', ' at ', '*location*']
      }); 
    </script>
  </body>
</html>