calendar.html

---
layout: default
permalink: calendar.html
---

<script>
$(".navbar-custom").css('background-color', '#272940');
</script>
<style type='text/css'>
.event-location { font-weight: bold; font-style: italic; display: block }
a.fc-event:focus { color: white; }
.fc-event-container:not([rowspan]) { padding-bottom: 0.5em; }
</style>

<!-- Section: calendar -->

<section id="calen" class="home-section text-center">
    <div class="heading">
        <div class="heading-about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="wow bounceInDown" data-wow-delay="0.4s">
                            <div class="section-heading">
                                <h2>Events Calendar</h2>
                                <p> The ACSU holds a number of academic, corporate, and social events throughout the year. <br/>
                                Click the Join tab for more updates!
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id='calendar' class = 'calendar'></div>
    </div>
</section>
<script type='text/javascript'>
 $(document).ready(function() { $('#calendar').fullCalendar({ googleCalendarApiKey: 'AIzaSyBsosKuN91ELrOaJ2PpIxSmSYHcrYSllhE', events: { googleCalendarId: 'cornell.edu_ugjtscehl3thqdg9vh8eg89ulk@group.calendar.google.com' }, eventRender: function( evt, elem ) { if (evt.location) elem.find(".fc-title").append("<span class='event-location'>" + evt.location + "</span>"); } }); });
</script>
<!-- /Section: calendar -->