example.html

<!-- This is JUST AN EXAMPLE of the format required to add items to the EML calendar.
     
     IMPORTANT:

     1. Do not edit the Calendar page with the visual editor. This must be pasted into the HTML editor.

     2. Please note: Because weekly check-ins don't happen on the same days as the monthly check-ins,
        more advanced rules are required than can be fit on this page, so they're controlled via JavaScript.

     3. Please remove this notice when updating the WordPress page.
-->
<div id="calendar"></div>
<ul id="event-list" style="display: none;">
    <li>
        <div class="title">Git Real: Introduction to Git<br />Irving K. Barber Learning Centre - Peña Room</div>
        <div class="start">2022-05-11T10:00:00</div>
        <div class="end">2022-05-11T11:30:00</div>
        <div class="url">https://eml.ubc.ca/2022/04/27/git-real-an-introduction-to-git-workshop/</div>
        <div class="color">red</div>
    </li>
    <li>
        <div class="title">Celebrate Learning Week:<br />Immersive Accessibility:<br />Working with the Emerging Media Lab<br />(Zoom)</div>
        <div class="start">2022-05-12T13:00:00</div>
        <div class="end">2022-05-12T14:00:00</div>
        <div class="url">https://events.ctlt.ubc.ca/events/immersive-accessibility-working-with-the-emerging-media-lab/</div>
        <div class="color">red</div>
    </li>
    <li>
        <div class="title">Monthly Drop-in Demo:<br />Irving K. Barber 2nd Floor Learning Concourse</div>
        <div class="start">2022-05-11T13:00:00</div>
        <div class="end">2022-05-11T15:00:00</div>
        <div class="url">https://eml.ubc.ca/drop-ins/</div>
        <div class="allDay">false</div>
        <div class="color">red</div>
    </li>
    <li>
        <div class="title">Monthly Drop-in Demo:<br />Irving K. Barber 2nd Floor Learning Concourse</div>
        <div class="start">2022-06-08T13:00:00</div>
        <div class="end">2022-06-08T15:00:00</div>
        <div class="url">https://eml.ubc.ca/drop-ins/</div>
        <div class="allDay">false</div>
        <div class="color">red</div>
    </li>
    <li>
        <div class="title">Weekly Developer Office Hours:<br />Neville Scarfe Room 001</div>
        <div class="start">2022-05-12T12:00:00</div>
        <div class="end">2022-08-29T5:00:00</div>
        <div class="startTime">12:00:00</div>
        <div class="endTime">17:00:00</div>
        <div class="daysOfWeek">[4]</div>
        <div class="allDay">false</div>
        <div class="color">pink</div>
    </li>-->
    <li>
        <div class="title">Monthly Drop-in Demo:<br />Irving K. Barber 2nd Floor Learning Concourse</div>
        <div class="start">2022-07-13T13:00:00</div>
        <div class="end">2022-07-13T15:00:00</div>
        <div class="url">https://eml.ubc.ca/drop-ins/</div>
        <div class="allDay">false</div>
        <div class="color">green</div>
    </li>
    <li>
        <div class="title">Monthly Drop-in Demo:<br />Irving K. Barber 2nd Floor Learning Concourse</div>
        <div class="start">2022-08-10T13:00:00</div>
        <div class="end">2022-08-10T15:00:00</div>
        <div class="url">https://eml.ubc.ca/drop-ins/</div>
        <div class="allDay">false</div>
        <div class="color">red</div>
    </li>
</ul>