---
hide:
  - toc
---
<script src='https://cdn.jsdelivr.net/npm/fullcalendar/index.global.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/fullcalendar/locales-all.min.js'></script>

<script>

  document.addEventListener('DOMContentLoaded', function() {
    const calendarEl = document.getElementById('calendar')
    const calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'dayGridMonth'
    })
    calendar.render()
  })

</script>

<style>
body {
  --fc-small-font-size: .85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: var(--high-contrast-font);
  --fc-border-color: #ddd;

  --fc-button-text-color: white;
  --fc-button-bg-color: var(--header-bg-color);
  --fc-button-border-color: var(--high-contrast-font);
  --fc-button-hover-bg-color: var(--tabs-color);
  --fc-button-hover-border-color: var(--high-contrast-bg);
  --fc-button-active-bg-color: rgba(var(--header-bg-color-for-alpha), 0.8);
  --fc-button-active-border-color: var(--high-contrast-font);

  --fc-event-bg-color: var(--tabs-color);
  --fc-event-border-color: var(--high-contrast-font);
  --fc-event-text-color: var(--high-contrast-font);
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;

  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;

  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgb(143, 223, 130);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(255, 220, 40, 0.15);
  --fc-now-indicator-color: red;
}

.fc-event-main {
  overflow-wrap: normal;
  white-space: normal;
  word-break: normal;
  overflow: hidden; 
}

.md-typeset a {
  text-decoration: none;
}
</style>

<div id='calendar'></div>

<script src="../javascripts/ical.js"></script>
<script src="../javascripts/ics_calendar.js"></script>
<script src="../javascripts/header.js"></script>