events.html

---
layout: default

title: Events

breadcrumbs:
  heading: Club Events
  list:
    - Home: '/'
---
<section id="blog-full-width">
    <div class="text-center"><a rel="external noopener" href="https://calendar.google.com/calendar?cid=cHRqdDg5NWo2dG5jY2EydTVnZGdlNjNwdmdAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ" target="_blank">Click here to add club events to your Google Calendar!</a></div>

    <div id="calendar"></div>
    <script>
        var calendar;
        window.addEventListener('load', function(ev) {
            calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
                plugins: ['bootstrap', 'dayGrid', 'list', 'googleCalendar'],
                themeSystem: 'bootstrap',
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'dayGridMonth,listMonth'
                },
                googleCalendarApiKey: 'AIzaSyA7zJnQujsXxaDhPRVulvBy-X6XRuxxvf8',
                events: 'ptjt895j6tncca2u5gdge63pvg@group.calendar.google.com'
            });

            calendar.render();
        }, false);
    </script>
</section>