Course Calendar

Math 191 - Fall 2025

{
  const events = [
    {
      title: 'Classes Begin',
      start: '2025-08-18',
      color: 'green'
    },
    {
      title  : 'Labor Day',
      start  : '2025-09-01',
      color: 'gray',
    },
    {
      title  : 'Fall break',
      start  : '2025-10-06',
      end: '2025-10-08',
      color: 'gray',
    },
    {
      title  : 'Thanksgiving',
      classNames: ['no_class'],
      start  : '2025-11-26',
      end: '2025-11-29',
      color: 'gray',
    },
    {
      title  : 'Last day of class',
      start  : '2025-12-02',
      color: '#880000',
    },
    {
      title  : 'Exam 1',
      start  : '2025-09-12',
      color: '#511d66',
    },
    {
      title  : 'Exam 2',
      start  : '2025-10-17',
      color: '#511d66',
    },
    {
      title  : 'Exam 3',
      start  : '2025-11-14',
      color: '#511d66',
    },
    {
      title  : 'Quiz 1',
      start  : '2025-08-29',
      color: '#9a4eae',
    },
    {
      title  : 'Quiz 2',
      start  : '2025-10-03',
      color: '#9a4eae',
    },
    {
      title  : 'Quiz 3',
      start  : '2025-10-31',
      color: '#9a4eae',
    }
  ]; 
  
  const calendar = new FullCalendar.
    Calendar(document.getElementById('cal'), {
    initialView: 'dayGridMonth',
    fixedWeekCount: false,
    showNonCurrentDates: false,
    initialDate: '2025-08-04',
    hiddenDays: [0,6],
    height: 'auto',
    events,
    eventDidMount: function(arg) {
      if(arg.event.extendedProps.hover) {
        tippy(arg.el, {
          content: arg.event.extendedProps.hover
        })
      }
      else if(arg.event.backgroundColor == 'gray') {
        tippy(arg.el, {
          content: 'No class'
        })
      }
    },
  });
  calendar.render();
  return md``;
}

FullCalendar = import("https://cdn.skypack.dev/fullcalendar");
YAML = import("https://cdn.skypack.dev/yaml");
tippy = require("tippy.js@6")