diff --git a/cal.css b/cal.css index 907db8a..4c882eb 100644 --- a/cal.css +++ b/cal.css @@ -1,4 +1,5 @@ -html, body { +html, +body { margin: 0; padding: 0; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; @@ -25,13 +26,13 @@ a.fc-event.fc-daygrid-event[href]:visited { background: var(--fc-neutral-bg-color); } -.fc .fc-scrollgrid-section-sticky > * { +.fc .fc-scrollgrid-section-sticky>* { background: unset; position: sticky; z-index: 3; } -:not(td[aria-labelledby]) > .fc-daygrid-day-frame { +:not(td[aria-labelledby])>.fc-daygrid-day-frame { background: var(--fc-neutral-bg-color); } @@ -39,10 +40,27 @@ a.fc-event.fc-daygrid-event[href]:visited { background: var(--fc-page-bg-color); } -.fc .fc-timegrid-slot-label, .fc .fc-timegrid-axis-frame { +.fc .fc-timegrid-slot-label, +.fc .fc-timegrid-axis-frame { background-color: var(--main-page-bg-color); } +.missing-page { + background: #b10a3c; +} + +.incomplete-page { + background: #947e00; +} + +.cancelled-event { + background: repeating-linear-gradient(45deg, + #555, + #555 10px, + #333 10px, + #333 20px); +} + :root { --main-page-bg-color: #211e21; --fc-small-font-size: .85em; diff --git a/cal.js b/cal.js index dad4125..49f49c4 100644 --- a/cal.js +++ b/cal.js @@ -1,51 +1,89 @@ var events = [ { - title: "All Day Event", - start: "2023-09-01", + title: "Auffrischung Mathematik - Teil 1", + start: "2023-10-04T10:30:00", + end: "2023-10-04T12:00:00", + url: "https://ia.lu-dev.de/#/page/auffrischung%20mathematik%2F23-10-04" }, { - title: "Long Event", - start: "2023-09-07", - end: "2023-09-10", + title: "Auffrischung Mathematik - Teil 2", + start: "2023-10-05T10:30:00", + end: "2023-10-05T12:00:00", + url: "https://ia.lu-dev.de/#/page/auffrischung%20mathematik%2F23-10-05", + classNames: ["incomplete-page"] }, { - groupId: "999", - title: "Repeating Event", - start: "2023-09-09T16:00:00", + title: "Auffrischung Mathematik - Teil 3", + start: "2023-10-06T10:30:00", + end: "2023-10-06T12:00:00", + classNames: ["missing-page"] }, { - groupId: "999", - title: "Repeating Event", - start: "2023-09-16T16:00:00", + title: "Mathematik für Informatiker 1", + start: "2023-10-09T13:00:00", + end: "2023-10-09T14:30:00", + classNames: ["missing-page"] }, { - title: "Conference", - start: "2023-09-11", - end: "2023-09-13", + title: "Grundlagen und Diskrete Strukturen", + start: "2023-10-10T09:00:00", + end: "2023-10-10T10:30:00", + url: "https://ia.lu-dev.de/#/page/grundlagen%20und%20diskrete%20strukturen%2F23-10-10" }, { - title: "Meeting", - start: "2023-09-12T10:30:00", - end: "2023-09-12T12:30:00", + title: "Übung: Programmierung und Algorithmen", + start: "2023-10-10T11:00:00", + end: "2023-10-10T12:30:00", + classNames: ["missing-page"] }, { - title: "Lunch", - start: "2023-09-12T12:00:00", + title: "Rechnerorganisation", + start: "2023-10-10T13:00:00", + end: "2023-10-10T14:30:00", + classNames: ["cancelled-event"] }, { - title: "Meeting", - start: "2023-09-12T14:30:00", - url: "https://lu-dev.de", + title: "Programmierung und Algorithmen", + start: "2023-10-11T11:00:00", + end: "2023-10-11T12:30:00", + classNames: ["missing-page"] }, { - title: "Birthday Party", - start: "2023-09-13T07:00:00", + title: "Mathematik für Informatiker 1", + start: "2023-10-11T15:00:00", + end: "2023-10-11T16:30:00", + classNames: ["missing-page"] }, { - title: "Click for Google", - url: "https://google.com/", - start: "2023-09-28", + title: "Übung: Grundlagen und Diskrete Strukturen", + start: "2023-10-11T17:15:00", + end: "2023-10-11T18:45:00", + classNames: ["missing-page"] }, + { + title: "Rechnerorganisation", + start: "2023-10-12T13:00:00", + end: "2023-10-12T14:30:00", + classNames: ["missing-page"] + }, + { + title: "Programmierung und Algorithmen", + start: "2023-10-12T17:00:00", + end: "2023-10-12T18:30:00", + classNames: ["missing-page"] + }, + { + title: "Grundlagen und Diskrete Strukturen", + start: "2023-10-13T09:00:00", + end: "2023-10-13T10:30:00", + url: "https://ia.lu-dev.de/#/page/grundlagen%20und%20diskrete%20strukturen%2F23-10-13" + }, + { + title: "Übung: Mathematik für Informatiker 1", + start: "2023-10-13T11:00:00", + end: "2023-10-13T12:30:00", + classNames: ["missing-page"] + }, ]; document.addEventListener("DOMContentLoaded", function () {