var monthNames = new Array("Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık");
 mockData = [
        {
        time: '2022-10-03T14:20:00',
        cls: 'bg-red',
        desc: 'Sınav Stratejileri ve Verimli Çalışma'
    },
        {
        time: '2022-10-03T08:00:00',
        cls: 'bg-red',
        desc: '29 Ekim Tören Provası'
    },
        {
        time: '2022-10-03T14:20:00',
        cls: 'bg-red',
        desc: 'Seminer'
    },
        {
        time: '2022-10-03T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - MK'
    },
        {
        time: '2022-10-04T14:10:00',
        cls: 'bg-red',
        desc: 'Film İzleme Etkinliği - ÜK'
    },
        {
        time: '2022-10-04T10:00:00',
        cls: 'bg-red',
        desc: 'Film İzleme Etkinliği - SK'
    },
        {
        time: '2022-10-04T12:40:00',
        cls: 'bg-red',
        desc: 'Film İzleme Etkinliği - MK'
    },
        {
        time: '2022-10-05T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - MK'
    },
        {
        time: '2022-10-08T09:00:00',
        cls: 'bg-red',
        desc: 'YKS Kursu'
    },
        {
        time: '2022-10-08T09:00:00',
        cls: 'bg-red',
        desc: 'ÜYEP workshop - MK'
    },
        {
        time: '2022-10-07T08:45:00',
        cls: 'bg-red',
        desc: '29 Ekim Tören Provası'
    },
        {
        time: '2022-10-06T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - MK'
    },
        {
        time: '2022-10-10T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - SK'
    },
        {
        time: '2022-10-12T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - SK'
    },
        {
        time: '2022-10-13T15:00:00',
        cls: 'bg-red',
        desc: 'Rehberlik Öğrenci Semineri - Günden Geleceğe Köprü'
    },
        {
        time: '2022-10-15T09:00:00',
        cls: 'bg-red',
        desc: 'LGS Kursu - Tüm Kampüslerde'
    },
        {
        time: '2022-10-15T09:00:00',
        cls: 'bg-red',
        desc: 'YKS Kursu - AK'
    },
        {
        time: '2022-10-17T08:00:00',
        cls: 'bg-red',
        desc: 'Avrupa  Kod Haftası (Codeweek) - Tüm Kampüslerde'
    },
        {
        time: '2022-10-18T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - ÜK KGP Sınıf'
    },
        {
        time: '2022-10-18T08:00:00',
        cls: 'bg-red',
        desc: 'Mol Günü Etkinlikleri - AK'
    },
        {
        time: '2022-10-19T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - ÜK'
    },
        {
        time: '2022-10-21T09:30:00',
        cls: 'bg-red',
        desc: 'Canlanan Kitap Etkinliği -  AKA'
    },
        {
        time: '2022-10-22T09:00:00',
        cls: 'bg-red',
        desc: 'LGS Kursu - Tüm Kampüslerde'
    },
        {
        time: '2022-10-22T09:00:00',
        cls: 'bg-red',
        desc: 'YKS Kursu -AK'
    },
        {
        time: '2022-10-24T15:00:00',
        cls: 'bg-red',
        desc: 'Ay Tutulması Kitabı Yazar Etkinliği'
    },
        {
        time: '2022-10-24T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - SK'
    },
        {
        time: '2022-10-25T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - MK'
    },
        {
        time: '2022-10-26T10:00:00',
        cls: 'bg-red',
        desc: 'Rehberlik Etkinliği - AKA'
    },
        {
        time: '2022-10-26T16:00:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - SK'
    },
        {
        time: '2022-10-27T09:00:00',
        cls: 'bg-red',
        desc: '"Cumhuriyet ile Varız" Konulu 29 Ekim Sergisi'
    },
        {
        time: '2022-10-28T09:00:00',
        cls: 'bg-red',
        desc: 'Görsel Sanatlar Sergisi - Cumhuriyet ve Atatürk'
    },
        {
        time: '2022-10-28T09:00:00',
        cls: 'bg-red',
        desc: '29 Ekim Cumhuriyet Bayramı Töreni - SK'
    },
        {
        time: '2022-10-28T09:00:00',
        cls: 'bg-red',
        desc: '29 Ekim Cumhuriyet Bayramı Töreni - MK'
    },
        {
        time: '2022-10-29T09:00:00',
        cls: 'bg-red',
        desc: '29 EKİM CUMHURİYET BAYRAMI TÖRENİ - ÜK - SK - MK'
    },
        {
        time: '2022-11-07T14:20:00',
        cls: 'bg-red',
        desc: 'Yazar Etkinliği - İkiz Gezginler Istanbul\'da'
    },
        {
        time: '2022-11-08T15:00:00',
        cls: 'bg-red',
        desc: 'Günden Geleceğe Köprüler-IV - AK- Konferans Salonu'
    },
        {
        time: '2022-11-08T11:00:00',
        cls: 'bg-red',
        desc: 'Yazar Etkinliği - İkiz Gezginler Istanbul\'da'
    },
        {
        time: '2022-11-08T16:15:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği - ÜK'
    },
        {
        time: '2022-11-08T08:00:00',
        cls: 'bg-red',
        desc: 'Bilge Kunduz Etkinliği - 3,4,5,6. Sınıflar'
    },
        {
        time: '2022-11-14T12:00:00',
        cls: 'bg-red',
        desc: 'Birinci Ara Tatil'
    },
        {
        time: '2022-11-10T09:00:00',
        cls: 'bg-red',
        desc: '10 KASIM TÖRENLERİ'
    },
        {
        time: '2023-01-02T09:00:00',
        cls: 'bg-red',
        desc: 'Ayın Sorusu Yarışması'
    },
        {
        time: '2023-01-02T09:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Modern Sanatlar Müzesi Gezisi'
    },
        {
        time: '2022-11-10T11:00:00',
        cls: 'bg-red',
        desc: 'Bilge Kunduz Etkinliği 3,4,5,6. Sınıflar'
    },
        {
        time: '2022-11-10T10:00:00',
        cls: 'bg-red',
        desc: 'Anıtkabir Sanal Gezi'
    },
        {
        time: '2023-01-10T10:15:00',
        cls: 'bg-red',
        desc: 'Online Yarışma - AK- Fen Kültürü Bilgi Yarışması'
    },
        {
        time: '2022-11-10T11:00:00',
        cls: 'bg-red',
        desc: 'Atatürk Evi Sanal Gezi 3. sınıflar'
    },
        {
        time: '2023-01-04T12:00:00',
        cls: 'bg-red',
        desc: 'Münazara - Ümraniye Kampüs'
    },
        {
        time: '2022-11-11T12:00:00',
        cls: 'bg-red',
        desc: 'Benim Atatürk\'üm Bilgi Yarışması - Tüm Kampüslerde'
    },
        {
        time: '2023-01-04T09:00:00',
        cls: 'bg-red',
        desc: 'Göbeklitepe Oyun Parkı Kitabı Yazar Etkinliği'
    },
        {
        time: '2022-11-11T14:00:00',
        cls: 'bg-red',
        desc: 'Yazar Etkinliği - İkiz Gezginler İstanbul\'da Kitab'
    },
        {
        time: '2023-01-05T09:30:00',
        cls: 'bg-red',
        desc: 'Münazara - Maltepe Kampüs'
    },
        {
        time: '2023-01-06T11:10:00',
        cls: 'bg-red',
        desc: 'Münazara - Sancaktepe Kampüs'
    },
        {
        time: '2022-11-21T09:00:00',
        cls: 'bg-red',
        desc: 'Forum Klik ve Diğer Şamatalı Öyküler 3. Sınıf ÜYEP'
    },
        {
        time: '2022-11-21T09:00:00',
        cls: 'bg-red',
        desc: 'Forum Güneş\'i Bile Tamir Eden Adam 3. Sınıf NORM'
    },
        {
        time: '2023-01-09T09:00:00',
        cls: 'bg-red',
        desc: 'Bilinçli Teknoloji Kullanımı - Seminer'
    },
        {
        time: '2023-01-09T09:00:00',
        cls: 'bg-red',
        desc: 'Bağımlılığa Karşı Farkındalık - Ataşehir Kampüs'
    },
        {
        time: '2022-11-22T14:00:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - Ük Konferans Salonu 7. sınıflar'
    },
        {
        time: '2022-11-22T14:00:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - Sk Konferans Salonu 7. sınıflar'
    },
        {
        time: '2023-01-10T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2023-01-11T09:00:00',
        cls: 'bg-red',
        desc: 'Enerji Tasarrufu - ÜK-SK-MK'
    },
        {
        time: '2022-11-22T09:00:00',
        cls: 'bg-red',
        desc: 'Felsefe Günü - 10 ve 11. Sınıflar'
    },
        {
        time: '2023-01-11T09:00:00',
        cls: 'bg-red',
        desc: 'Tiyatro Etkinliği- Konferans Salonları'
    },
        {
        time: '2022-11-22T12:00:00',
        cls: 'bg-red',
        desc: 'Üniversite Gezileri 11 ve 12. Sınıflar'
    },
        {
        time: '2023-01-11T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2022-11-23T09:00:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - Uğur Önver - 7.Sınıflar'
    },
        {
        time: '2023-01-12T15:00:00',
        cls: 'bg-red',
        desc: 'Günden Geleceğe Köprüler - Ataşehir Kampüs'
    },
        {
        time: '2022-11-23T09:00:00',
        cls: 'bg-red',
        desc: 'Küresel İklim Değişikliği Semineri -9. Sınıflar'
    },
        {
        time: '2023-01-12T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2022-11-24T09:00:00',
        cls: 'bg-red',
        desc: 'Online Yazar Etkinliği - ÜYEP 1. Sınıflar'
    },
        {
        time: '2023-01-13T09:00:00',
        cls: 'bg-red',
        desc: 'Harika Bir Uçurtma - Yazar Etkinliği -Zoom'
    },
        {
        time: '2023-01-13T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2022-11-24T09:00:00',
        cls: 'bg-red',
        desc: 'Kelime Sergisi - 1. Sınıflar'
    },
        {
        time: '2023-01-17T09:20:00',
        cls: 'bg-red',
        desc: 'Horoz ile Rüzgar Gülü Tiyatro - ÜK'
    },
        {
        time: '2023-01-18T14:20:00',
        cls: 'bg-red',
        desc: 'Aslı Yeryutan - Yazar Söyleşisi - ÜK'
    },
        {
        time: '2022-11-24T08:30:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 5.Sınıflar -Ük Konferans Salonu'
    },
        {
        time: '2023-01-18T12:00:00',
        cls: 'bg-red',
        desc: 'Aslı Yeryutan - Yazar Söyleşisi - SK'
    },
        {
        time: '2022-11-24T09:30:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 5.Sınıflar -Sk Konferans Salonu'
    },
        {
        time: '2023-01-18T14:20:00',
        cls: 'bg-red',
        desc: 'Horoz ile Rüzgar Gülü Tiyatro - SK'
    },
        {
        time: '2023-01-19T12:00:00',
        cls: 'bg-red',
        desc: 'Aslı Yeryutan - Yazar Söyleşisi - MK'
    },
        {
        time: '2022-11-25T09:00:00',
        cls: 'bg-red',
        desc: 'Online Yazar Etkinliği - ÜYEP 2. Sınıflar'
    },
        {
        time: '2023-01-19T09:20:00',
        cls: 'bg-red',
        desc: 'Horoz ile Rüzgar Gülü Tiyatro - MK'
    },
        {
        time: '2022-11-25T11:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 5.Sınıflar -Mk Konferans Salonu'
    },
        {
        time: '2022-11-26T09:00:00',
        cls: 'bg-red',
        desc: 'Deyimlerin Hikayesi - 5.Sınıflar ASTA/ÜK-SK-MK'
    },
        {
        time: '2022-11-26T09:00:00',
        cls: 'bg-red',
        desc: 'Atasözlerinin Hikayesi - 6.Sınıflar ASTA/ÜK-SK-MK'
    },
        {
        time: '2022-11-26T09:10:00',
        cls: 'bg-red',
        desc: 'Anıtkabir  Gezisi - 4 ve 11. sınıflar'
    },
        {
        time: '2023-01-28T12:00:00',
        cls: 'bg-red',
        desc: 'Sömestr Tatili Başlangıç'
    },
        {
        time: '2022-11-29T13:30:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - 4.Sınıflar - ÜK Konferans Salonu'
    },
        {
        time: '2022-11-29T11:10:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - 4.Sınıflar - SK Konferans Salonu'
    },
        {
        time: '2022-11-29T09:00:00',
        cls: 'bg-red',
        desc: 'Elektrik Devreleri Sergisi - AL-FT 10. Sınıflar'
    },
        {
        time: '2023-02-05T12:00:00',
        cls: 'bg-red',
        desc: 'Sömestr Tatili Bitişi'
    },
        {
        time: '2023-02-06T09:00:00',
        cls: 'bg-red',
        desc: 'Ayın Sorusu Yarışması - ASTA'
    },
        {
        time: '2023-02-06T10:00:00',
        cls: 'bg-red',
        desc: 'Çanta Yapımı Etkinliği Sunumu -  Kat ve Koridorlar'
    },
        {
        time: '2023-02-06T10:00:00',
        cls: 'bg-red',
        desc: 'Bir Problem Bin Çözüm - Yazar Etkinliği - Zoom'
    },
        {
        time: '2023-02-06T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-06T11:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-01T09:00:00',
        cls: 'bg-red',
        desc: 'Ayın Sorusu Yarışması - ASTA'
    },
        {
        time: '2023-02-06T13:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-05T09:00:00',
        cls: 'bg-red',
        desc: 'Hour Of Code'
    },
        {
        time: '2022-12-05T09:00:00',
        cls: 'bg-red',
        desc: 'Sultanahmet-Topkapı Sarayı Gezisi - ÜK 7EFG Sınıf'
    },
        {
        time: '2022-12-07T09:00:00',
        cls: 'bg-red',
        desc: 'HAYALDEN GERÇEĞE FATİH GÖKMEN GÖZLEMEVİ - 2. Sınıf'
    },
        {
        time: '2022-12-08T09:00:00',
        cls: 'bg-red',
        desc: 'Sultanahmet-Topkapı Sarayı  7.Sınıflar ABCD'
    },
        {
        time: '2023-02-06T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2023-02-06T11:00:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2023-02-06T13:15:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - MK'
    },
        {
        time: '2022-12-12T09:00:00',
        cls: 'bg-red',
        desc: 'ÇEKÜL - Tarihi Gezisi Ük-5 ACD'
    },
        {
        time: '2023-02-07T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-07T14:00:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-08T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2022-12-12T09:00:00',
        cls: 'bg-red',
        desc: 'Tutum Yatırım Haftası Etkinlikleri - 1-3. Sınıflar'
    },
        {
        time: '2023-02-08T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-13T09:00:00',
        cls: 'bg-red',
        desc: 'ÇEKÜL - Tarihi Gezisi Ük-5 BEFG'
    },
        {
        time: '2023-02-08T12:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-08T14:00:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-08T13:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2023-02-08T12:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-09T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-09T12:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-09T13:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-09T14:15:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2023-02-10T09:30:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2023-02-10T11:00:00',
        cls: 'bg-red',
        desc: 'İSPANYOLCA - Sinema Günleri -  SK'
    },
        {
        time: '2023-02-11T09:00:00',
        cls: 'bg-red',
        desc: 'BECERİ TEMELLİ SORU YAZMA ATÖLYE ÇALIŞMASI'
    },
        {
        time: '2023-02-13T09:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Modern Müzesi Sergi Gezisi'
    },
        {
        time: '2023-02-13T09:00:00',
        cls: 'bg-red',
        desc: 'Envanter Uygulamaları'
    },
        {
        time: '2023-02-13T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-16T12:00:00',
        cls: 'bg-red',
        desc: 'İnsan Hakları Günü - 11.Sınıflar'
    },
        {
        time: '2022-12-19T10:00:00',
        cls: 'bg-red',
        desc: 'Sanal Müze Gezisi - Nasa Sanal Tur - 3. sınıflar'
    },
        {
        time: '2022-12-19T10:00:00',
        cls: 'bg-red',
        desc: 'Görsel Sanatlar Sergisi - 4 ve 5. Sınıflar'
    },
        {
        time: '2023-02-13T11:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-20T10:00:00',
        cls: 'bg-red',
        desc: 'Fen Kültür Bilgisi Yarışması - AL-FT 9. Sınıflar'
    },
        {
        time: '2023-02-13T13:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-13T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2022-12-21T09:00:00',
        cls: 'bg-red',
        desc: 'ÇEKÜL - MK 5. Sınıflar'
    },
        {
        time: '2023-02-13T11:00:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2023-02-13T13:15:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-14T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2022-12-22T12:00:00',
        cls: 'bg-red',
        desc: 'KONSER -MK 3. Sınıflar Yılbaşı Konseri'
    },
        {
        time: '2023-02-14T14:00:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-14T13:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2022-12-22T09:00:00',
        cls: 'bg-red',
        desc: 'Yılbaşı Kurabiye Evi Etkinliği - Hazırlık Sınıfı'
    },
        {
        time: '2023-02-15T09:00:00',
        cls: 'bg-red',
        desc: 'Digital Okur Yazarlık ve İletişim Sergisi - ÜK'
    },
        {
        time: '2023-02-15T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2022-12-24T12:00:00',
        cls: 'bg-red',
        desc: 'Liseye Adım Adım Paneli'
    },
        {
        time: '2023-02-15T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-26T09:00:00',
        cls: 'bg-red',
        desc: 'Alan Seçimi Semineri - 10. Sınıflar'
    },
        {
        time: '2023-02-15T12:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2023-02-15T14:00:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - ÜK'
    },
        {
        time: '2022-12-26T09:00:00',
        cls: 'bg-red',
        desc: 'Üniversite Gezileri - 11 ve 12. Sınıflar'
    },
        {
        time: '2023-02-15T13:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2022-12-27T09:00:00',
        cls: 'bg-red',
        desc: '3. Sınıflar Yılbaşı Konseri'
    },
        {
        time: '2023-02-15T12:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2022-12-27T14:00:00',
        cls: 'bg-red',
        desc: 'Münazara - 3. Sınıflar'
    },
        {
        time: '2023-02-16T09:00:00',
        cls: 'bg-red',
        desc: 'Digital Okur Yazarlık ve İletişim Sergisi - MK'
    },
        {
        time: '2023-02-16T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-16T12:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2022-12-28T12:00:00',
        cls: 'bg-red',
        desc: '3.Sınıflar Yılbaşı Konseri - 3 DEFG'
    },
        {
        time: '2023-02-16T13:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-16T14:15:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2022-12-29T09:00:00',
        cls: 'bg-red',
        desc: '3.Sınıflar Yılbaşı Konseri - ÜK 3.sınıflar ve veli'
    },
        {
        time: '2023-02-17T09:00:00',
        cls: 'bg-red',
        desc: 'Digital Okur Yazarlık ve İletişim Sergisi -SK'
    },
        {
        time: '2023-02-17T09:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2023-02-17T11:00:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - SK'
    },
        {
        time: '2022-12-29T09:00:00',
        cls: 'bg-red',
        desc: 'Ürün Sunumu-Kat Sergisi - ÜYEP 1. Sınıflar'
    },
        {
        time: '2023-02-17T13:30:00',
        cls: 'bg-red',
        desc: 'ALMANCA - Sinema Günleri - MK'
    },
        {
        time: '2023-02-20T09:00:00',
        cls: 'bg-red',
        desc: 'Kariyer Günleri - AK'
    },
        {
        time: '2023-02-22T19:30:00',
        cls: 'bg-red',
        desc: 'Cinsel Gelişim Seminer'
    },
        {
        time: '2023-02-23T12:00:00',
        cls: 'bg-red',
        desc: 'Münazara'
    },
        {
        time: '2023-02-23T12:00:00',
        cls: 'bg-red',
        desc: 'Münazara - SK'
    },
        {
        time: '2022-12-30T12:00:00',
        cls: 'bg-red',
        desc: 'Okuma Çemberi - 3. Sınıf ÜYEP'
    },
        {
        time: '2022-12-31T09:00:00',
        cls: 'bg-red',
        desc: 'Yılbaşı'
    },
        {
        time: '2023-02-23T12:00:00',
        cls: 'bg-red',
        desc: 'Münazara - MK'
    },
        {
        time: '2023-02-24T09:00:00',
        cls: 'bg-red',
        desc: 'İyilik Pata Pata İniyor Yazar Etkinliği'
    },
        {
        time: '2023-02-27T16:00:00',
        cls: 'bg-red',
        desc: 'Bana Masal Anlat Aile Etkinliği- Hıhıcık Kitabı'
    },
        {
        time: '2023-02-27T09:00:00',
        cls: 'bg-red',
        desc: 'Ezop Masalları Sunumu'
    },
        {
        time: '2023-03-02T12:00:00',
        cls: 'bg-red',
        desc: 'Münazara - ÜK-Konferans Salonu'
    },
        {
        time: '2023-02-27T10:00:00',
        cls: 'bg-red',
        desc: 'Masal Etkinliği'
    },
        {
        time: '2023-02-27T12:00:00',
        cls: 'bg-red',
        desc: 'Okuma Çemberi - Filozof Meşe'
    },
        {
        time: '2023-01-01T01:00:00',
        cls: 'bg-red',
        desc: 'Yeni Yıl Başlangıç'
    },
        {
        time: '2023-03-02T12:40:00',
        cls: 'bg-red',
        desc: 'Münazara - SK-Konferans Salonu'
    },
        {
        time: '2023-03-02T11:45:00',
        cls: 'bg-red',
        desc: 'Münazara - MK-Konferans Salonu'
    },
        {
        time: '2023-03-06T12:00:00',
        cls: 'bg-red',
        desc: 'Cinsel Gelişim Eğitimi - Ortaokul Öğrencileri'
    },
        {
        time: '2023-03-06T11:00:00',
        cls: 'bg-red',
        desc: 'Mahremiyet ve Sınırlar Eğitimi'
    },
        {
        time: '2023-03-06T15:00:00',
        cls: 'bg-red',
        desc: 'Kaygı ile Baş etme - 12. Sınıf Öğrencileri'
    },
        {
        time: '2023-03-07T09:00:00',
        cls: 'bg-red',
        desc: 'Afet Farkındalık Semineri-Depremi - 9.sınıflar'
    },
        {
        time: '2023-03-08T12:00:00',
        cls: 'bg-red',
        desc: 'Günden Geleceğe Köprüler-Mezunlar Anlatıyor'
    },
        {
        time: '2023-03-10T10:00:00',
        cls: 'bg-red',
        desc: 'Online Münazara - 7. sınıflar'
    },
        {
        time: '2023-03-14T13:00:00',
        cls: 'bg-red',
        desc: 'Dünya Matematik Günü - 4-11.Sınıflar'
    },
        {
        time: '2023-03-15T12:00:00',
        cls: 'bg-red',
        desc: 'Çarpma İşlemi-Quizz Show - 2. sınıflar'
    },
        {
        time: '2023-03-18T09:00:00',
        cls: 'bg-red',
        desc: '18 MART TÖRENLERİ'
    },
        {
        time: '2023-03-17T09:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 9.10.11.sınıflar'
    },
        {
        time: '2023-03-20T09:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Modern Sanatlar Müzesi Gezisi -3.Sınıflar'
    },
        {
        time: '2023-03-21T14:45:00',
        cls: 'bg-red',
        desc: 'Quiz show etkinliği - Hz ve 9. sınıflar'
    },
        {
        time: '2023-03-21T13:05:00',
        cls: 'bg-red',
        desc: 'Quiz show etkinliği -   9. ve 10.sınıflar'
    },
        {
        time: '2023-03-22T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Su Günü Etkinliği - 1-8 Sınıflar'
    },
        {
        time: '2023-03-22T11:45:00',
        cls: 'bg-red',
        desc: 'Münazara - 10.sınıflar'
    },
        {
        time: '2023-03-24T09:00:00',
        cls: 'bg-red',
        desc: 'Görsel Sanatlar Sergisi - Tüm kampüslerde'
    },
        {
        time: '2023-03-25T09:00:00',
        cls: 'bg-red',
        desc: 'Yıl Sonu Gösterisi - 1.sınıflar'
    },
        {
        time: '2023-03-27T09:00:00',
        cls: 'bg-red',
        desc: 'Tiyatro 1-3.Sınıflar'
    },
        {
        time: '2023-03-28T09:00:00',
        cls: 'bg-red',
        desc: 'Tedx -7.Sınıflar'
    },
        {
        time: '2023-03-28T12:00:00',
        cls: 'bg-red',
        desc: 'Kartal Halk Ekmek Fabrikası Gezisi - 3. Sınıflar'
    },
        {
        time: '2023-03-28T11:00:00',
        cls: 'bg-red',
        desc: 'Tiyatro - MK Konferans Salonu'
    },
        {
        time: '2023-03-28T14:00:00',
        cls: 'bg-red',
        desc: 'ERASMUS TÜRKİYE HAREKETLİLİĞİ'
    },
        {
        time: '2023-03-29T11:00:00',
        cls: 'bg-red',
        desc: 'Tedx - 5.sınıflar'
    },
        {
        time: '2023-03-29T10:00:00',
        cls: 'bg-red',
        desc: 'ERASMUS TÜRKİYE HAREKETLİLİĞİ'
    },
        {
        time: '2023-03-30T09:00:00',
        cls: 'bg-red',
        desc: 'Tedx - 7.sınıflar - MK Konferans salonu'
    },
        {
        time: '2023-03-30T12:00:00',
        cls: 'bg-red',
        desc: 'ERASMUS TÜRKİYE HAREKETLİLİĞİ'
    },
        {
        time: '2023-03-30T14:00:00',
        cls: 'bg-red',
        desc: 'Kütüphane Haftası Etkinliği - 1. Sınıf NORM'
    },
        {
        time: '2023-03-30T13:00:00',
        cls: 'bg-red',
        desc: 'Kütüphane Haftası Etkinliği - 1. Sınıf ÜYEP'
    },
        {
        time: '2023-04-03T09:00:00',
        cls: 'bg-red',
        desc: 'Kelime Yarışması'
    },
        {
        time: '2023-04-04T09:00:00',
        cls: 'bg-red',
        desc: 'Kimya Haftası -Ataşehir Lise'
    },
        {
        time: '2023-04-04T11:10:00',
        cls: 'bg-red',
        desc: 'Türkçesi Varken - Etkinlik - ÜK'
    },
        {
        time: '2023-04-04T12:00:00',
        cls: 'bg-red',
        desc: 'Türkçesi Varken - Etkinlik - SK'
    },
        {
        time: '2023-04-04T12:00:00',
        cls: 'bg-red',
        desc: 'Türkçesi Varken - Etkinlik - MK'
    },
        {
        time: '2023-04-05T09:00:00',
        cls: 'bg-red',
        desc: 'Resfebe Yarışması - Online'
    },
        {
        time: '2023-04-05T09:00:00',
        cls: 'bg-red',
        desc: 'Afet Eğitimi ve Bilinçlendirme - Kozyatağı'
    },
        {
        time: '2023-04-06T18:30:00',
        cls: 'bg-red',
        desc: 'Ebeveyn Semineri - Zoom'
    },
        {
        time: '2023-05-01T09:00:00',
        cls: 'bg-red',
        desc: '1 MAYIS İŞCİ BAYRAMI RESMİ TATİL'
    },
        {
        time: '2023-04-06T09:30:00',
        cls: 'bg-red',
        desc: 'Sakıp Sabancı Müzesi Gezisi'
    },
        {
        time: '2023-05-02T09:00:00',
        cls: 'bg-red',
        desc: 'Çarpma Yarışması - 3. Sınıflar'
    },
        {
        time: '2023-05-02T10:00:00',
        cls: 'bg-red',
        desc: 'Dört Yenilmez Turnuvası - Hz.-12.Sınıflar'
    },
        {
        time: '2023-05-02T09:30:00',
        cls: 'bg-red',
        desc: 'Dubbing Fest - 5.Sınıflar'
    },
        {
        time: '2023-05-03T09:30:00',
        cls: 'bg-red',
        desc: 'Rasathane Gezisi - ÜK-SK-MK Üyep 6. Sınıflar'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Güvenli Teknoloji Kullanımı - Tüm Kampüsler'
    },
        {
        time: '2023-05-03T14:35:00',
        cls: 'bg-red',
        desc: 'TED TALK - 9-10-11.SINIFLAR'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Nasıl Öğreniyorum? - Tüm Kampüsler'
    },
        {
        time: '2023-05-04T09:30:00',
        cls: 'bg-red',
        desc: 'Dubbing Fest - 5.Sınıflar'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Hayata Bakan Pencerelerimiz - Tüm Kampüsler'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Kalbimin Haritası - Tüm Kampüsler'
    },
        {
        time: '2023-05-05T08:00:00',
        cls: 'bg-red',
        desc: 'AGO (Anabilim Gençlik Organizasyonu)'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Beden Dilimiz - Tüm Kampüsler'
    },
        {
        time: '2023-05-05T14:00:00',
        cls: 'bg-red',
        desc: 'Dubbing Fest - 5.Sınıflar'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Motivasyon Atölyesi-3 - Tüm Kampüsler'
    },
        {
        time: '2023-05-06T08:00:00',
        cls: 'bg-red',
        desc: 'AGO (Anabilim Gençlik Organizasyonu)'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Psikolojik Sağlamlık Etkinlikleri - Ataşehir'
    },
        {
        time: '2023-05-07T08:00:00',
        cls: 'bg-red',
        desc: 'AGO (Anabilim Gençlik Organizasyonu)'
    },
        {
        time: '2023-05-08T08:00:00',
        cls: 'bg-red',
        desc: 'AGO (Anabilim Gençlik Organizasyonu)'
    },
        {
        time: '2023-04-10T09:00:00',
        cls: 'bg-red',
        desc: 'Hayalbaz\'ın Maceraları - Yazar Etkinliği'
    },
        {
        time: '2023-05-08T10:00:00',
        cls: 'bg-red',
        desc: 'Teraryum Yapımı - 1. sınıflar'
    },
        {
        time: '2023-04-13T09:00:00',
        cls: 'bg-red',
        desc: 'Okuma Karşıtları Kulübü - Münazara'
    },
        {
        time: '2023-05-09T10:00:00',
        cls: 'bg-red',
        desc: 'Spelling Bee - 2. sınıflar'
    },
        {
        time: '2023-04-17T12:00:00',
        cls: 'bg-red',
        desc: 'Ara Tatil Başlangıç'
    },
        {
        time: '2023-05-09T12:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 3.Sınıflar'
    },
        {
        time: '2023-04-24T09:00:00',
        cls: 'bg-red',
        desc: 'Dört Yenilmez Turnuvası'
    },
        {
        time: '2023-05-10T09:00:00',
        cls: 'bg-red',
        desc: 'Münazara Etkinliği - ÜYEP 3. Sınıflar'
    },
        {
        time: '2023-04-24T09:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşuları - ÜK-SK-MK Bahçe'
    },
        {
        time: '2023-05-11T09:00:00',
        cls: 'bg-red',
        desc: 'Spelling Bee - 2. sınıflar'
    },
        {
        time: '2023-04-24T09:00:00',
        cls: 'bg-red',
        desc: 'Canlanan Kitap - Kampüs Drama Odaları'
    },
        {
        time: '2023-05-11T09:25:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 3.Sınıflar'
    },
        {
        time: '2023-05-12T09:00:00',
        cls: 'bg-red',
        desc: 'Spelling Bee - 2. sınıflar'
    },
        {
        time: '2023-04-24T09:30:00',
        cls: 'bg-red',
        desc: 'Okuma Çemberi - Martı Jonathan Livingston'
    },
        {
        time: '2023-05-12T10:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 3.Sınıflar'
    },
        {
        time: '2023-04-25T11:00:00',
        cls: 'bg-red',
        desc: 'DNA Haftası - Ataşehir Kampüs'
    },
        {
        time: '2023-04-25T09:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşuları - ÜK-SK-MK Bahçe'
    },
        {
        time: '2023-04-26T12:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşuları - ÜK-SK-MK Bahçe'
    },
        {
        time: '2023-05-13T09:00:00',
        cls: 'bg-red',
        desc: 'Bilim Şenliği - 3-7. Sınıf Öğrenci ve Velileri'
    },
        {
        time: '2023-04-26T10:00:00',
        cls: 'bg-red',
        desc: 'Tarihi Yarımada Gezisi - ÇEKÜL'
    },
        {
        time: '2023-02-14T10:00:00',
        cls: 'bg-red',
        desc: '1. SINIFLAR YILSONU GÖSTERİSİ - 1AB SINIFLARI'
    },
        {
        time: '2023-04-27T12:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşuları - Spor Salonu'
    },
        {
        time: '2023-05-14T13:00:00',
        cls: 'bg-red',
        desc: '1. SINIFLAR YILSONU GÖSTERİSİ -1CD SINIFLARI'
    },
        {
        time: '2023-04-27T10:00:00',
        cls: 'bg-red',
        desc: 'Tarihi Yarımada Gezisi - ÇEKÜL'
    },
        {
        time: '2023-05-16T09:00:00',
        cls: 'bg-red',
        desc: '19 Mayıs Etkinlikleri'
    },
        {
        time: '2023-05-16T09:30:00',
        cls: 'bg-red',
        desc: 'Dünya Arı Günü'
    },
        {
        time: '2023-05-17T09:00:00',
        cls: 'bg-red',
        desc: '19 Mayıs Etkinlikleri'
    },
        {
        time: '2023-05-18T09:00:00',
        cls: 'bg-red',
        desc: '19 MAYIS GENÇLİK VE SPOR BAYRAMI TÖRENLERİ'
    },
        {
        time: '2023-05-19T11:00:00',
        cls: 'bg-red',
        desc: 'Yıl Sonu Sergisi -ÜK-SK-MK Sergi Salonları'
    },
        {
        time: '2023-04-28T09:00:00',
        cls: 'bg-red',
        desc: 'Gezi - İstanbul Oyuncak Müzesi'
    },
        {
        time: '2023-04-28T09:00:00',
        cls: 'bg-red',
        desc: 'Eyüp Oyuncak Müzesi Gezisi'
    },
        {
        time: '2023-05-21T10:00:00',
        cls: 'bg-red',
        desc: 'SK 1. SINIFLAR YILSONU GÖSTERİSİ'
    },
        {
        time: '2023-04-29T09:00:00',
        cls: 'bg-red',
        desc: 'Ted Talk - Online / Yüz yüze'
    },
        {
        time: '2023-05-21T13:00:00',
        cls: 'bg-red',
        desc: 'MK 1. SINIFLAR YILSONU GÖSTERİSİ'
    },
        {
        time: '2023-05-21T15:00:00',
        cls: 'bg-red',
        desc: 'MK 1. SINIFLAR YILSONU GÖSTERİSİ'
    },
        {
        time: '2023-05-23T09:00:00',
        cls: 'bg-red',
        desc: 'RAHMİ M. KOÇ MÜZE GEZİSİ - 1. Sınıflar'
    },
        {
        time: '2023-06-01T09:00:00',
        cls: 'bg-red',
        desc: 'Resfebe Yarışması - Online / Yüz yüze'
    },
        {
        time: '2023-05-26T09:00:00',
        cls: 'bg-red',
        desc: 'Motivasyon Atölyesi - ÜK/SK 8.Sınıflar'
    },
        {
        time: '2022-11-26T10:00:00',
        cls: 'bg-red',
        desc: 'Yazar Etkinliği - 2. Sınıf ÜYEP'
    },
        {
        time: '2023-06-01T09:00:00',
        cls: 'bg-red',
        desc: '35.Yıl Sene Sonu Şöleni - ÜK'
    },
        {
        time: '2023-05-27T09:00:00',
        cls: 'bg-red',
        desc: 'Bilim Şenliği - 3-7. Sınıfları ve Velileri'
    },
        {
        time: '2023-06-01T20:00:00',
        cls: 'bg-red',
        desc: 'LGS\'ye Az Kala Öneriler - Zoom'
    },
        {
        time: '2023-06-01T09:15:00',
        cls: 'bg-red',
        desc: 'ÜK 1-2- 3-4-5.sınıflar piknik'
    },
        {
        time: '2023-05-29T09:00:00',
        cls: 'bg-red',
        desc: 'Mindfulness Kaygı Yönetimi Çalışması -8.Sınıflar'
    },
        {
        time: '2023-05-29T10:00:00',
        cls: 'bg-red',
        desc: 'LGS\'ye Az Kala Öneriler-7-8.Sınıf Öğrencileri Veli'
    },
        {
        time: '2023-06-02T09:15:00',
        cls: 'bg-red',
        desc: 'AK 9-10-11.sınıflar piknik'
    },
        {
        time: '2023-06-02T09:00:00',
        cls: 'bg-red',
        desc: 'Çevre Haftası - Elekto ve Teknolojik Araç Avcıları'
    },
        {
        time: '2023-06-02T09:00:00',
        cls: 'bg-red',
        desc: 'Dört Yenilmez Finali- Ataşehir Kampüs'
    },
        {
        time: '2023-06-04T19:00:00',
        cls: 'bg-red',
        desc: 'LGS Sorularının Değerlendirmesi - instagram'
    },
        {
        time: '2023-06-05T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Çevre Günü - ÜK-SK-MK'
    },
        {
        time: '2023-06-05T09:15:00',
        cls: 'bg-red',
        desc: 'ÜK 5-6-7-8.sınıflar - Piknik'
    },
        {
        time: '2023-06-05T17:30:00',
        cls: 'bg-red',
        desc: 'MEZUNİYET - SK 8. Sınıflar'
    },
        {
        time: '2023-06-05T09:00:00',
        cls: 'bg-red',
        desc: 'Bidigago - Yazar Etkinliği'
    },
        {
        time: '2023-06-06T09:00:00',
        cls: 'bg-red',
        desc: 'Canlanan Kitap - Albert Einstein-  3. Sınıf. ÜYEP'
    },
        {
        time: '2023-06-06T09:15:00',
        cls: 'bg-red',
        desc: 'SK 1-2-3-4-5. sınıflar - Piknik'
    },
        {
        time: '2023-06-06T09:00:00',
        cls: 'bg-red',
        desc: 'Karikatür Çalışması'
    },
        {
        time: '2023-06-07T09:00:00',
        cls: 'bg-red',
        desc: 'Çevre Haftası - Elekto ve Teknolojik Araç Avcıları'
    },
        {
        time: '2023-06-07T09:00:00',
        cls: 'bg-red',
        desc: 'Bilim Şenliği - Ataşehir Kampüs'
    },
        {
        time: '2023-06-07T09:15:00',
        cls: 'bg-red',
        desc: 'SK 5-6-7-8.sınıflar - Piknik'
    },
        {
        time: '2023-06-07T16:00:00',
        cls: 'bg-red',
        desc: 'MEZUNİYET - ÜK-8.SINIFLAR'
    },
        {
        time: '2023-06-07T18:30:00',
        cls: 'bg-red',
        desc: 'MEZUNİYET - AK - 12.SINIFLAR'
    },
        {
        time: '2023-06-07T09:30:00',
        cls: 'bg-red',
        desc: 'Sakıp Sabancı Müzesi - Sanal Tur'
    },
        {
        time: '2023-05-29T10:00:00',
        cls: 'bg-red',
        desc: 'Botanik Bahçe Gezisi - 10.Sınıflar'
    },
        {
        time: '2023-06-08T09:00:00',
        cls: 'bg-red',
        desc: 'Bilim Şenliği'
    },
        {
        time: '2023-06-09T09:00:00',
        cls: 'bg-red',
        desc: 'Karne Günü'
    },
        {
        time: '2023-02-13T12:05:00',
        cls: 'bg-red',
        desc: 'Lisede Bir Gün Etkinliği'
    },
        {
        time: '2023-02-16T12:05:00',
        cls: 'bg-red',
        desc: 'Lisede Bir Gün Etkinliği'
    },
        {
        time: '2022-11-28T10:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Bilgi Üniversitesi Gezisi'
    },
        {
        time: '2022-11-29T14:00:00',
        cls: 'bg-red',
        desc: 'M. Kaygıyı Yönetme, Gevşeme ve Nefes - Lise'
    },
        {
        time: '2022-11-30T09:00:00',
        cls: 'bg-red',
        desc: 'Sanal Tur-Göbeklitepe - 1. sınıflar'
    },
        {
        time: '2022-11-30T13:20:00',
        cls: 'bg-red',
        desc: 'Kalbimdeki Cevap Yazar Etkinliği- Zoom'
    },
        {
        time: '2022-11-30T15:05:00',
        cls: 'bg-red',
        desc: 'Demet Ekmekçioğlu Yazar Söyleşisi - MK'
    },
        {
        time: '2022-11-30T08:55:00',
        cls: 'bg-red',
        desc: 'Felsefe Günü Etkinliği - Lise'
    },
        {
        time: '2022-12-01T09:30:00',
        cls: 'bg-red',
        desc: 'Quiz Show - 5. sınıflar - SK'
    },
        {
        time: '2022-12-01T16:30:00',
        cls: 'bg-red',
        desc: 'Tiyatro Çalışmaları- Lise'
    },
        {
        time: '2022-12-13T09:30:00',
        cls: 'bg-red',
        desc: 'Rahmi Koç Müze Gezisi'
    },
        {
        time: '2022-12-14T11:00:00',
        cls: 'bg-red',
        desc: 'Rahmi Koç Müze Gezisi'
    },
        {
        time: '2022-12-15T11:00:00',
        cls: 'bg-red',
        desc: 'Rahmi Koç Müze Gezisi'
    },
        {
        time: '2022-12-13T15:05:00',
        cls: 'bg-red',
        desc: 'Online Yazar Söyleşisi -  ÜK- MK -SK'
    },
        {
        time: '2023-01-07T10:00:00',
        cls: 'bg-red',
        desc: 'İlkokulda Bir Gün Etkinliği - ÜK'
    },
        {
        time: '2023-01-07T10:00:00',
        cls: 'bg-red',
        desc: 'İlkokulda Bir Gün Etkinliği - SK'
    },
        {
        time: '2023-01-07T12:30:00',
        cls: 'bg-red',
        desc: 'İlkokulda Bir Gün Etkinliği - MK'
    },
        {
        time: '2023-02-10T08:40:00',
        cls: 'bg-red',
        desc: 'Fen tek kabul sınavı'
    },
        {
        time: '2023-08-09T09:00:00',
        cls: 'bg-red',
        desc: 'Yeni Öğretmenlerin Başlangıcı'
    },
        {
        time: '2023-08-14T09:00:00',
        cls: 'bg-red',
        desc: 'Tüm öğretmenlerin başlangıcı'
    },
        {
        time: '2023-08-21T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-22T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-23T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-24T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-24T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-24T14:30:00',
        cls: 'bg-red',
        desc: 'İngilizce Sözlü Sınavı - Yeni Lise Öğrencileri'
    },
        {
        time: '2023-08-24T11:00:00',
        cls: 'bg-red',
        desc: 'İngilizce Yazılı Sınavı - Yeni Lise Öğrencileri'
    },
        {
        time: '2023-08-30T12:00:00',
        cls: 'bg-red',
        desc: 'Zafer Bayramı'
    },
        {
        time: '2023-08-25T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-28T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-29T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-08-31T09:00:00',
        cls: 'bg-red',
        desc: 'Anasınıfı Oryantasyon Programı'
    },
        {
        time: '2023-09-04T09:00:00',
        cls: 'bg-red',
        desc: 'LGS Kamp Başlangıcı'
    },
        {
        time: '2023-09-04T09:00:00',
        cls: 'bg-red',
        desc: 'YKS Kamp Başlangıcı'
    },
        {
        time: '2023-09-08T09:00:00',
        cls: 'bg-red',
        desc: 'LGS Kamp Bitişi'
    },
        {
        time: '2023-09-08T09:00:00',
        cls: 'bg-red',
        desc: 'YKS Kamp Bitişi'
    },
        {
        time: '2023-09-11T09:00:00',
        cls: 'bg-red',
        desc: 'Okul Açılışı'
    },
        {
        time: '2023-09-18T09:00:00',
        cls: 'bg-red',
        desc: 'Sanal İstanbul Gezisi - ÜYEP 3. Sınıflar'
    },
        {
        time: '2023-09-18T09:00:00',
        cls: 'bg-red',
        desc: 'Sergi - Önemli tarihlerde Dünya\'da yaşanan gelişme'
    },
        {
        time: '2023-09-23T09:00:00',
        cls: 'bg-red',
        desc: 'Seminer'
    },
        {
        time: '2023-09-23T09:00:00',
        cls: 'bg-red',
        desc: 'LGS Kurs Başlangıcı'
    },
        {
        time: '2023-09-23T09:00:00',
        cls: 'bg-red',
        desc: 'YKS Kurs Başlangıcı'
    },
        {
        time: '2023-09-26T18:00:00',
        cls: 'bg-red',
        desc: 'Seminer'
    },
        {
        time: '2023-09-28T16:00:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği'
    },
        {
        time: '2023-09-28T18:00:00',
        cls: 'bg-red',
        desc: 'Seminer - Lise velisi olmak başkadır'
    },
        {
        time: '2023-09-29T16:00:00',
        cls: 'bg-red',
        desc: 'Yaratıcı Drama Veli Çocuk Etkinliği'
    },
        {
        time: '2023-09-14T10:00:00',
        cls: 'bg-red',
        desc: 'Back to School'
    },
        {
        time: '2023-09-18T09:00:00',
        cls: 'bg-red',
        desc: 'Sanal İstanbul Gezisi - ÜYEP 3. Sınıflar'
    },
        {
        time: '2023-09-18T10:00:00',
        cls: 'bg-red',
        desc: 'Sergi - 6. sınıflar'
    },
        {
        time: '2023-09-18T12:00:00',
        cls: 'bg-red',
        desc: 'Rehberlik Atölyesi - Kendime Mektup Etkinliği'
    },
        {
        time: '2023-09-18T13:00:00',
        cls: 'bg-red',
        desc: 'Yazar Etkinliği/Sanal Tur - 1.sınıflar'
    },
        {
        time: '2024-01-02T09:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Modern Sanatlar Müzesi'
    },
        {
        time: '2023-09-21T10:00:00',
        cls: 'bg-red',
        desc: 'Seminer - YKS Bilgilendirme'
    },
        {
        time: '2024-01-08T12:00:00',
        cls: 'bg-red',
        desc: 'Kelime Sergisi'
    },
        {
        time: '2024-01-08T09:00:00',
        cls: 'bg-red',
        desc: 'Güvenli Teknoloji Kullanımı'
    },
        {
        time: '2024-01-08T08:00:00',
        cls: 'bg-red',
        desc: 'Bilinçli Teknoloji Kullanımı'
    },
        {
        time: '2023-09-25T09:00:00',
        cls: 'bg-red',
        desc: 'Pibalu gezegenine Yolculuk kitabı yazar etkinliği'
    },
        {
        time: '2024-01-08T09:00:00',
        cls: 'bg-red',
        desc: 'Bağımlılığa Karşı Farkındalık-Ataşehir Kampüs'
    },
        {
        time: '2023-09-27T10:00:00',
        cls: 'bg-red',
        desc: '"Tırtıl Tontini ve Neşeli Aydede" yazar etkinliği'
    },
        {
        time: '2024-01-08T09:30:00',
        cls: 'bg-red',
        desc: 'Meslekler Sunumu'
    },
        {
        time: '2024-01-08T09:05:00',
        cls: 'bg-red',
        desc: 'Motivasyon Atölyesi-3- Ataşehir Kampüs'
    },
        {
        time: '2024-01-09T08:00:00',
        cls: 'bg-red',
        desc: 'İngilizce Münazara-Maltepe Kampüs'
    },
        {
        time: '2024-01-10T12:05:00',
        cls: 'bg-red',
        desc: 'Dikenli Yol Ormanındaki Gizem-Elvin Öven'
    },
        {
        time: '2023-10-01T10:00:00',
        cls: 'bg-red',
        desc: 'Galata Kulesi Sanal Tur - 2. Sınıflar'
    },
        {
        time: '2024-01-10T14:20:00',
        cls: 'bg-red',
        desc: 'Dikenli Yol Ormanındaki Gizem-Elvin Öven-ÜK'
    },
        {
        time: '2023-10-01T10:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Modern Sanatlar Müzesi - 5. Sınıflar'
    },
        {
        time: '2024-01-10T12:00:00',
        cls: 'bg-red',
        desc: 'Bilinçli Tüketici Olmak - ÜK-SK-MK'
    },
        {
        time: '2023-10-02T10:00:00',
        cls: 'bg-red',
        desc: 'Sınav Stratejileri Verimli Çalışma Semineri'
    },
        {
        time: '2024-01-11T09:00:00',
        cls: 'bg-red',
        desc: 'Kendi Ekmeğimi Tasarlıyorum-MK ÜYEP Yemekhane'
    },
        {
        time: '2024-01-11T10:00:00',
        cls: 'bg-red',
        desc: 'İngilizce Münazara-ÜK Konferans Salonu'
    },
        {
        time: '2024-01-12T09:00:00',
        cls: 'bg-red',
        desc: 'İngilizce Münazara-SK Konferans Salonu'
    },
        {
        time: '2023-10-03T10:00:00',
        cls: 'bg-red',
        desc: 'Veli-Çocuk İlkokula Uyum Programı -1/A Velileri'
    },
        {
        time: '2024-01-15T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2023-10-04T10:00:00',
        cls: 'bg-red',
        desc: 'Veli-Çocuk İlkokula Uyum Programı -1/B Velileri'
    },
        {
        time: '2024-01-16T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2024-01-17T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2023-10-05T10:00:00',
        cls: 'bg-red',
        desc: 'Veli-Çocuk İlkokula Uyum Programı -1/C Velileri'
    },
        {
        time: '2024-01-17T12:00:00',
        cls: 'bg-red',
        desc: 'Dikenli Yol Ormanındaki Gizem-Elvin Öven-MK'
    },
        {
        time: '2024-01-17T11:10:00',
        cls: 'bg-red',
        desc: 'Sırdaş Balıklar-Özlem İçer-SK'
    },
        {
        time: '2024-01-17T13:30:00',
        cls: 'bg-red',
        desc: 'Sırdaş Balıklar-Özlem İçer-ÜK'
    },
        {
        time: '2024-01-18T09:00:00',
        cls: 'bg-red',
        desc: 'Kayak Kampı'
    },
        {
        time: '2024-01-18T11:10:00',
        cls: 'bg-red',
        desc: 'Sırdaş Balıklar-Özlem İçer-MK'
    },
        {
        time: '2023-10-06T10:00:00',
        cls: 'bg-red',
        desc: 'Dünya Uzay Haftası Gezisi'
    },
        {
        time: '2024-01-18T10:00:00',
        cls: 'bg-red',
        desc: 'Göster Kendini Etkinliği-ÜK-SK-MK'
    },
        {
        time: '2023-10-06T12:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Fotoğrafları Sergisi-Yarışması'
    },
        {
        time: '2024-01-18T11:00:00',
        cls: 'bg-red',
        desc: 'Lise Staj Programı-Sömestr Tatili Boyunca'
    },
        {
        time: '2024-01-18T12:00:00',
        cls: 'bg-red',
        desc: 'Göster Kendini Etkinliği-MK'
    },
        {
        time: '2023-10-09T12:00:00',
        cls: 'bg-red',
        desc: 'Avrupa Kod Haftası'
    },
        {
        time: '2024-01-19T09:00:00',
        cls: 'bg-red',
        desc: 'Karne Günü'
    },
        {
        time: '2023-10-10T11:00:00',
        cls: 'bg-red',
        desc: 'Kartal Meteoroloji İstasyonu Gezisi'
    },
        {
        time: '2024-01-20T09:00:00',
        cls: 'bg-red',
        desc: 'Sömestr Tatili Başlangıç'
    },
        {
        time: '2024-02-05T09:00:00',
        cls: 'bg-red',
        desc: 'Yu ve İlginç Hayvanlar Canlanan Kitap'
    },
        {
        time: '2023-10-14T12:00:00',
        cls: 'bg-red',
        desc: 'ÜYEP Atölyeler Etkinliği'
    },
        {
        time: '2024-02-05T09:30:00',
        cls: 'bg-red',
        desc: 'Bir harf Bir Mucit'
    },
        {
        time: '2024-02-05T10:00:00',
        cls: 'bg-red',
        desc: 'Psikolojik Sağlamlık Semineri'
    },
        {
        time: '2023-09-16T10:00:00',
        cls: 'bg-red',
        desc: 'Oyuncak Tasarımı - Sergi'
    },
        {
        time: '2024-02-05T10:30:00',
        cls: 'bg-red',
        desc: 'Psikolojik Sağlamlık Semineri-Ataşehir Kampüs'
    },
        {
        time: '2024-02-08T09:00:00',
        cls: 'bg-red',
        desc: 'Kuzey Kutbuna Gidiyoruz-Söyleşi'
    },
        {
        time: '2023-09-19T12:00:00',
        cls: 'bg-red',
        desc: 'Dünya Mol Günü Etkinlikleri'
    },
        {
        time: '2024-02-09T09:00:00',
        cls: 'bg-red',
        desc: 'Renkler Dünyası-Renk Şenliği'
    },
        {
        time: '2024-02-12T09:00:00',
        cls: 'bg-red',
        desc: 'Deyimler Maketi-Sergi-MK'
    },
        {
        time: '2023-09-23T09:00:00',
        cls: 'bg-red',
        desc: 'Pankart Hazırlama - Çevre Temizliği'
    },
        {
        time: '2023-10-25T09:00:00',
        cls: 'bg-red',
        desc: '29 EKİM CUMHURİYET BAYRAMI İLKOKUL TÖRENİ ük,sk,mk'
    },
        {
        time: '2023-10-26T12:00:00',
        cls: 'bg-red',
        desc: 'Günden Geleceğe Köprüler-Mezunlar Anlatıyor'
    },
        {
        time: '2024-02-13T09:00:00',
        cls: 'bg-red',
        desc: 'Lisede Bir Gün-Ataşehir Kampüs'
    },
        {
        time: '2024-02-13T10:00:00',
        cls: 'bg-red',
        desc: 'Tekerleme Yarışması'
    },
        {
        time: '2024-02-14T09:00:00',
        cls: 'bg-red',
        desc: 'Lisede Bir Gün-Ataşehir Kampüs'
    },
        {
        time: '2024-02-15T09:00:00',
        cls: 'bg-red',
        desc: 'İstanbul Modern Sanatlar Müzesi Gezisi'
    },
        {
        time: '2023-10-28T11:00:00',
        cls: 'bg-red',
        desc: 'Sergi - 100. Yılın Işığında'
    },
        {
        time: '2024-02-19T09:00:00',
        cls: 'bg-red',
        desc: 'Farklı Ekosistem Maketleri Sergi-MK'
    },
        {
        time: '2024-02-19T10:00:00',
        cls: 'bg-red',
        desc: 'Kariyer Günleri -ÜK'
    },
        {
        time: '2023-10-29T12:00:00',
        cls: 'bg-red',
        desc: '29 Ekim Cumhuriyet Bayramı Töreni - TİM MASLAK'
    },
        {
        time: '2023-10-29T12:00:00',
        cls: 'bg-red',
        desc: '29 EKİM CUMHURİYET BAYRAMI TÖRENLERİ'
    },
        {
        time: '2024-02-20T09:00:00',
        cls: 'bg-red',
        desc: 'Matematik Yarışması-ÜK-SK-MK Konferans'
    },
        {
        time: '2024-02-21T12:00:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-SK'
    },
        {
        time: '2024-02-21T12:05:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-MK'
    },
        {
        time: '2023-11-01T10:00:00',
        cls: 'bg-red',
        desc: 'Anıtkabir Sanal Tur'
    },
        {
        time: '2024-02-21T02:20:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-ÜK'
    },
        {
        time: '2023-11-01T14:00:00',
        cls: 'bg-red',
        desc: 'Selanik Atatürk Evi Sanal Tur'
    },
        {
        time: '2024-02-26T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Masal Anlatma günü etkinliği-ÜK-SK-MK'
    },
        {
        time: '2023-11-01T10:00:00',
        cls: 'bg-red',
        desc: 'İslam Bilim ve Teknoloji Tarihi Müzesi'
    },
        {
        time: '2024-02-27T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Masal Anlatma günü etkinliği-ÜK-SK-MK'
    },
        {
        time: '2023-11-01T15:00:00',
        cls: 'bg-red',
        desc: 'Beykoz Korusu - Kuş Gözlemi'
    },
        {
        time: '2023-11-01T11:00:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - sk,mk,ük'
    },
        {
        time: '2024-02-28T12:00:00',
        cls: 'bg-red',
        desc: 'Ezop Masalları'
    },
        {
        time: '2023-11-01T14:00:00',
        cls: 'bg-red',
        desc: 'Harbiye Müzesi Gezisi - ük,sk,mk'
    },
        {
        time: '2024-03-01T09:00:00',
        cls: 'bg-red',
        desc: 'Cern Gezisi'
    },
        {
        time: '2024-03-04T09:00:00',
        cls: 'bg-red',
        desc: 'Kodi ve Yeni Dünya Düzeni'
    },
        {
        time: '2024-03-04T09:30:00',
        cls: 'bg-red',
        desc: 'Cinsel Gelişim Eğitim'
    },
        {
        time: '2024-03-04T10:30:00',
        cls: 'bg-red',
        desc: 'Mahremiyet ve Sınırlar Eğitimi'
    },
        {
        time: '2024-03-04T10:10:00',
        cls: 'bg-red',
        desc: 'Meslekler Tabusu'
    },
        {
        time: '2024-03-05T09:00:00',
        cls: 'bg-red',
        desc: 'Matematik Yarışması'
    },
        {
        time: '2024-03-06T09:00:00',
        cls: 'bg-red',
        desc: 'Eyüp Oyuncak Müzesi Gezi'
    },
        {
        time: '2024-03-07T09:00:00',
        cls: 'bg-red',
        desc: 'Afetler hakkında farkındalık yaratma semineri- AK'
    },
        {
        time: '2024-03-13T09:00:00',
        cls: 'bg-red',
        desc: 'Resfebe Yarışması-ÜK-SK-MK-AK'
    },
        {
        time: '2024-03-14T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Matematik Günü Kutlama'
    },
        {
        time: '2023-11-02T12:00:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi'
    },
        {
        time: '2024-03-18T09:30:00',
        cls: 'bg-red',
        desc: '18 Mart Töreni-Ataşehir Kampüs'
    },
        {
        time: '2023-11-03T11:00:00',
        cls: 'bg-red',
        desc: 'ORGAN NAKLİ HAFTASI'
    },
        {
        time: '2024-03-18T14:00:00',
        cls: 'bg-red',
        desc: '18 Mart Töreni-Maltepe Kampüs'
    },
        {
        time: '2023-11-03T12:00:00',
        cls: 'bg-red',
        desc: 'Benim Atatürk\'üm Bilgi Yarışması'
    },
        {
        time: '2023-11-04T15:00:00',
        cls: 'bg-red',
        desc: 'Ankara Anıtkabir Gezisi'
    },
        {
        time: '2024-03-18T09:30:00',
        cls: 'bg-red',
        desc: '18 Mart Töreni- Sancaktepe Kampüs'
    },
        {
        time: '2024-03-18T13:30:00',
        cls: 'bg-red',
        desc: '18 Mart Töreni-Sancaktepe Kampüs'
    },
        {
        time: '2024-03-18T09:30:00',
        cls: 'bg-red',
        desc: '18 Mart Töreni-Ümraniye Kampüs'
    },
        {
        time: '2024-03-19T12:00:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-MK'
    },
        {
        time: '2024-03-19T12:05:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-SK'
    },
        {
        time: '2024-03-19T14:20:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-ÜK'
    },
        {
        time: '2024-03-20T11:10:00',
        cls: 'bg-red',
        desc: 'Türkçesi Varken - Etkinlik - SK'
    },
        {
        time: '2023-11-06T12:00:00',
        cls: 'bg-red',
        desc: 'Bilge Kunduz Etkinliği'
    },
        {
        time: '2024-03-20T11:15:00',
        cls: 'bg-red',
        desc: 'Türkçesi Varken - Etkinlik - MK'
    },
        {
        time: '2023-11-06T12:00:00',
        cls: 'bg-red',
        desc: 'Yazar Etkinliği/Sergi'
    },
        {
        time: '2024-03-20T12:30:00',
        cls: 'bg-red',
        desc: 'Türkçesi Varken - Etkinlik - ÜK'
    },
        {
        time: '2024-03-21T09:00:00',
        cls: 'bg-red',
        desc: '21 Mart Etkinlik - Sergi'
    },
        {
        time: '2023-09-07T10:00:00',
        cls: 'bg-red',
        desc: 'Bilge Kunduz Etkinliği - 4,5,6. sınıflar'
    },
        {
        time: '2024-03-22T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Su Günü Etkinlikleri'
    },
        {
        time: '2023-11-08T09:00:00',
        cls: 'bg-red',
        desc: 'Gezi - Nezahat Gökyiğit Botanik Bahçesi'
    },
        {
        time: '2024-03-26T09:00:00',
        cls: 'bg-red',
        desc: 'ÜYEP -6. sınıf Alan Gezisi'
    },
        {
        time: '2023-11-10T09:00:00',
        cls: 'bg-red',
        desc: '10 KASIM TÖRENLERİ'
    },
        {
        time: '2024-03-28T09:00:00',
        cls: 'bg-red',
        desc: 'ÜYEP -6. sınıf Alan Gezisi - ÜK/SK'
    },
        {
        time: '2024-03-30T10:00:00',
        cls: 'bg-red',
        desc: 'ÜK 1. Sınıflar Okuma Bayramı'
    },
        {
        time: '2024-03-30T13:00:00',
        cls: 'bg-red',
        desc: 'SK 1. Sınıflar Okuma Bayramı'
    },
        {
        time: '2023-11-13T12:00:00',
        cls: 'bg-red',
        desc: '1.ARA TATİL'
    },
        {
        time: '2023-11-20T10:00:00',
        cls: 'bg-red',
        desc: 'Kitap Etkinliği - 2.sınıflar'
    },
        {
        time: '2023-11-20T12:00:00',
        cls: 'bg-red',
        desc: 'Üniversite Gezileri'
    },
        {
        time: '2023-11-21T12:00:00',
        cls: 'bg-red',
        desc: 'Yazar Söyleşisi - Efsane Messi-Uğur Önver'
    },
        {
        time: '2023-11-21T12:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - MK Konferans Salonu'
    },
        {
        time: '2023-11-22T12:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - SK Konferans Salonu'
    },
        {
        time: '2023-11-22T10:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - ÜK Konferans Salonu'
    },
        {
        time: '2024-03-30T15:30:00',
        cls: 'bg-red',
        desc: 'MK 1. Sınıflar Okuma Bayramı'
    },
        {
        time: '2023-11-23T12:00:00',
        cls: 'bg-red',
        desc: 'Çocuk Hakları Günü - SK - MK - ÜK Konferans Salonu'
    },
        {
        time: '2024-04-02T09:00:00',
        cls: 'bg-red',
        desc: 'Kartal Masal Müzesi'
    },
        {
        time: '2023-11-24T12:00:00',
        cls: 'bg-red',
        desc: 'ÖĞRETMENLER GÜNÜ YEMEĞİ'
    },
        {
        time: '2024-04-03T09:00:00',
        cls: 'bg-red',
        desc: 'Sabancı Üniversitesi - Gezi -AK'
    },
        {
        time: '2024-04-04T09:00:00',
        cls: 'bg-red',
        desc: 'Kimya Haftası -AK'
    },
        {
        time: '2024-04-05T09:00:00',
        cls: 'bg-red',
        desc: '23 Nisan Sergileri'
    },
        {
        time: '2023-11-28T12:00:00',
        cls: 'bg-red',
        desc: 'Deyimlerin Hikâyesi - 5.sınıflar'
    },
        {
        time: '2024-04-05T10:00:00',
        cls: 'bg-red',
        desc: 'Fıkra Günü'
    },
        {
        time: '2023-11-28T12:00:00',
        cls: 'bg-red',
        desc: 'Atasözlerinin Hikâyesi - 6.sınıflar'
    },
        {
        time: '2024-04-08T09:00:00',
        cls: 'bg-red',
        desc: '2. Ara Tatil'
    },
        {
        time: '2024-04-15T09:00:00',
        cls: 'bg-red',
        desc: 'Türkiye\'nin Bölgeleri - Sunum -ÜYEP 3. Sınıflar'
    },
        {
        time: '2023-11-30T12:00:00',
        cls: 'bg-red',
        desc: 'Afet Farkındalık- Küresel İklim Değişimi Semineri'
    },
        {
        time: '2024-04-15T09:30:00',
        cls: 'bg-red',
        desc: 'Güvenli Teknoloji Kullanımı'
    },
        {
        time: '2024-04-15T10:00:00',
        cls: 'bg-red',
        desc: 'Nasıl Öğreniyorum?'
    },
        {
        time: '2024-04-15T10:15:00',
        cls: 'bg-red',
        desc: 'Hayata Bakan Pencerelerimiz'
    },
        {
        time: '2024-04-15T10:35:00',
        cls: 'bg-red',
        desc: 'Kalbimin Haritası'
    },
        {
        time: '2024-04-16T09:00:00',
        cls: 'bg-red',
        desc: '23 Nisan Etkinliği-Yarışma'
    },
        {
        time: '2024-04-18T09:00:00',
        cls: 'bg-red',
        desc: 'DNA Günü Etkinlikleri- AK'
    },
        {
        time: '2023-12-03T12:00:00',
        cls: 'bg-red',
        desc: 'Seminer - İşaret Dili/Engelliler'
    },
        {
        time: '2024-04-23T09:00:00',
        cls: 'bg-red',
        desc: '23 NİSAN ULUSAL EGEMENLİK VE ÇOCUK BAYRAMI'
    },
        {
        time: '2023-12-04T09:00:00',
        cls: 'bg-red',
        desc: 'Kodlama Etkinliği - ük,sk,mk - 3 ve 4.sınıflar'
    },
        {
        time: '2023-12-05T10:00:00',
        cls: 'bg-red',
        desc: 'Kodlama Etkinliği - ük,sk,mk - 3 ve 4.sınıflar'
    },
        {
        time: '2023-12-06T10:00:00',
        cls: 'bg-red',
        desc: 'Kodlama Etkinliği - ük,sk,mk - 3 ve 4.sınıflar'
    },
        {
        time: '2024-04-24T09:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşuları-ÜK-1-2-3..sınıflar'
    },
        {
        time: '2024-04-24T11:45:00',
        cls: 'bg-red',
        desc: 'TED TALK - Ataşehir Kampüs'
    },
        {
        time: '2024-04-25T12:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşuları- SK-1-2-3. sınıflar'
    },
        {
        time: '2024-04-25T13:05:00',
        cls: 'bg-red',
        desc: 'Sınıflar arası münazara yarışması-AK'
    },
        {
        time: '2023-12-07T10:00:00',
        cls: 'bg-red',
        desc: 'Gazete Oluşturma - ÜYEP 1. Sınıflar'
    },
        {
        time: '2024-04-25T12:00:00',
        cls: 'bg-red',
        desc: 'Melih Aydıner\'le Mini Tarım Müzesi'
    },
        {
        time: '2023-12-11T09:00:00',
        cls: 'bg-red',
        desc: 'Yeni Yıl Sergisi - 4., 5. Sınıflar'
    },
        {
        time: '2024-04-26T09:00:00',
        cls: 'bg-red',
        desc: 'Anabilim Gençlik Organizasyonu'
    },
        {
        time: '2024-04-27T09:00:00',
        cls: 'bg-red',
        desc: 'Anabilim Gençlik Organizasyonu'
    },
        {
        time: '2024-04-28T09:00:00',
        cls: 'bg-red',
        desc: 'Anabilim Gençlik Organizasyonu'
    },
        {
        time: '2024-04-29T09:00:00',
        cls: 'bg-red',
        desc: 'Anabilim Gençlik Organizasyonu -ÜK'
    },
        {
        time: '2024-05-01T10:00:00',
        cls: 'bg-red',
        desc: '1 Mayıs İşçi Bayramı'
    },
        {
        time: '2023-12-11T09:00:00',
        cls: 'bg-red',
        desc: 'Seminer -HZ-9-10. Sınıflar'
    },
        {
        time: '2023-12-12T09:00:00',
        cls: 'bg-red',
        desc: 'Resfebe Yarışması -ÜK-SK-MK Konferansı'
    },
        {
        time: '2023-12-12T12:00:00',
        cls: 'bg-red',
        desc: '4 YENİLMEZ TURNUVASI'
    },
        {
        time: '2023-12-12T15:00:00',
        cls: 'bg-red',
        desc: 'Kelime Yarışması - ÜYEP 2. Sınıflar'
    },
        {
        time: '2023-12-13T10:00:00',
        cls: 'bg-red',
        desc: 'Münazara -ÜK-SK-MK Konferans'
    },
        {
        time: '2023-12-15T10:00:00',
        cls: 'bg-red',
        desc: '4 YENİLMEZ TURNUVASI FİNALİ'
    },
        {
        time: '2023-12-15T12:00:00',
        cls: 'bg-red',
        desc: 'İnsan hakları konusunda farkındalık yaratma'
    },
        {
        time: '2024-05-03T09:00:00',
        cls: 'bg-red',
        desc: 'Rahmi Koç Müzesi Astronomi ve Zeytinyağı Fabrikası'
    },
        {
        time: '2024-05-02T09:00:00',
        cls: 'bg-red',
        desc: 'İngilizce Orman Kampı (3 günlük)'
    },
        {
        time: '2024-05-04T10:00:00',
        cls: 'bg-red',
        desc: 'Bilim Günü-SK'
    },
        {
        time: '2024-05-07T12:00:00',
        cls: 'bg-red',
        desc: 'Spelling Bee - ÜK'
    },
        {
        time: '2024-05-07T09:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show- ÜK'
    },
        {
        time: '2024-05-09T09:00:00',
        cls: 'bg-red',
        desc: 'Spelling Bee - SK'
    },
        {
        time: '2024-05-09T09:00:00',
        cls: 'bg-red',
        desc: 'Quiz Show - SK'
    },
        {
        time: '2023-12-23T12:00:00',
        cls: 'bg-red',
        desc: 'ÜK-SK 3.Sınıflar Yılbaşı Konseri'
    },
        {
        time: '2023-12-23T12:00:00',
        cls: 'bg-red',
        desc: 'Liseye Adım Adım Paneli'
    },
        {
        time: '2024-05-10T09:00:00',
        cls: 'bg-red',
        desc: 'Spelling Bee - MK'
    },
        {
        time: '2023-12-25T09:00:00',
        cls: 'bg-red',
        desc: 'Yeni Yıla Merhaba Etkinlikleri - 1 ve 3. Sınıflar'
    },
        {
        time: '2024-05-10T09:30:00',
        cls: 'bg-red',
        desc: 'Quiz Show - MK'
    },
        {
        time: '2024-05-11T10:00:00',
        cls: 'bg-red',
        desc: 'Bilim Günü - ÜK'
    },
        {
        time: '2024-05-14T09:00:00',
        cls: 'bg-red',
        desc: '19Mayıs Etkinlikleri-ÜK-SK-MK-AK Bahçe-Spor Salon'
    },
        {
        time: '2024-05-14T10:00:00',
        cls: 'bg-red',
        desc: 'Kelebek Çiftliği Gezisi'
    },
        {
        time: '2023-09-25T10:00:00',
        cls: 'bg-red',
        desc: 'Gezi - Üsküdar Bilim Merkezi -2.sınıflar'
    },
        {
        time: '2024-05-15T09:00:00',
        cls: 'bg-red',
        desc: '19 Mayıs Yıl Sonu Sergileri'
    },
        {
        time: '2024-05-15T09:00:00',
        cls: 'bg-red',
        desc: '19 Mayıs Etkinlikleri'
    },
        {
        time: '2024-05-16T09:00:00',
        cls: 'bg-red',
        desc: '19 Mayıs Etkinlikleri'
    },
        {
        time: '2023-12-27T10:00:00',
        cls: 'bg-red',
        desc: '"Kokteyl Etkinliği" ölçme ve kesirler'
    },
        {
        time: '2023-09-29T12:00:00',
        cls: 'bg-red',
        desc: 'NEW YEAR\'S RESOLUTION -HAZIRLIK-9-10-11.SINIFLAR'
    },
        {
        time: '2024-01-01T09:00:00',
        cls: 'bg-red',
        desc: 'Yeni Yıl Başlangıç'
    },
        {
        time: '2024-05-19T09:00:00',
        cls: 'bg-red',
        desc: '19 Mayıs Gençlik ve Spor Bayramı'
    },
        {
        time: '2024-05-20T09:00:00',
        cls: 'bg-red',
        desc: 'Dünya Arı Günü'
    },
        {
        time: '2024-05-20T09:00:00',
        cls: 'bg-red',
        desc: 'Canlanan Kitap Etkinliği'
    },
        {
        time: '2024-05-20T09:30:00',
        cls: 'bg-red',
        desc: 'Bilgisayar Olimpiyat Takımı Taraması'
    },
        {
        time: '2024-05-20T09:55:00',
        cls: 'bg-red',
        desc: 'Kendimi Değerlendiriyorum'
    },
        {
        time: '2024-05-20T12:00:00',
        cls: 'bg-red',
        desc: 'Öğrenci Mentörlük Çalışmaları'
    },
        {
        time: '2024-05-21T09:00:00',
        cls: 'bg-red',
        desc: 'Bilgisayar Olimpiyat Takımı Taraması'
    },
        {
        time: '2024-05-21T12:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşusu - MK'
    },
        {
        time: '2024-05-22T09:00:00',
        cls: 'bg-red',
        desc: 'Bilgisayar Olimpiyat Takımı Taraması'
    },
        {
        time: '2024-05-22T12:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşusu - ÜK'
    },
        {
        time: '2024-05-23T09:00:00',
        cls: 'bg-red',
        desc: 'Lise Bilim Günü'
    },
        {
        time: '2024-05-23T09:05:00',
        cls: 'bg-red',
        desc: 'Bilgisayar Olimpiyat Takımı Taraması'
    },
        {
        time: '2024-05-23T10:00:00',
        cls: 'bg-red',
        desc: 'Tarihi Yarımada Gezi- Çekül'
    },
        {
        time: '2024-05-23T13:00:00',
        cls: 'bg-red',
        desc: 'Bahar Koşusu - SK'
    },
        {
        time: '2024-05-24T15:30:00',
        cls: 'bg-red',
        desc: 'MK 4. Sınıf Mezuniyeti - MK'
    },
        {
        time: '2024-05-25T10:00:00',
        cls: 'bg-red',
        desc: 'MK Bilim Günü- MK'
    },
        {
        time: '2024-05-25T10:05:00',
        cls: 'bg-red',
        desc: 'ÜK 4. Sınıf Mezuniyeti - ÜK'
    },
        {
        time: '2024-05-25T13:00:00',
        cls: 'bg-red',
        desc: 'SK 4. Sınıf Mezuniyeti - SK'
    },
        {
        time: '2024-05-28T09:00:00',
        cls: 'bg-red',
        desc: 'Lise Tanıtım Etkinliği- AK'
    },
        {
        time: '2024-05-29T09:00:00',
        cls: 'bg-red',
        desc: 'Lise Tanıtım Etkinliği- AK'
    },
        {
        time: '2024-05-29T10:00:00',
        cls: 'bg-red',
        desc: 'Piknik'
    },
        {
        time: '2024-05-31T09:00:00',
        cls: 'bg-red',
        desc: 'Game Show'
    },
        {
        time: '2024-06-01T09:00:00',
        cls: 'bg-red',
        desc: 'Toefl ve Esol Sınavları'
    },
        {
        time: '2024-06-02T19:00:00',
        cls: 'bg-red',
        desc: 'LGS Sorularının Değerlendirmesi-Canlı Yayın'
    },
        {
        time: '2024-06-03T09:00:00',
        cls: 'bg-red',
        desc: '1. Sınıflar Yıl Sonu Sergisi'
    },
        {
        time: '2024-06-03T10:00:00',
        cls: 'bg-red',
        desc: 'Çevre Günü - Söyleşi'
    },
        {
        time: '2024-06-04T09:00:00',
        cls: 'bg-red',
        desc: 'Piknik - Mihrabat'
    },
        {
        time: '2024-06-05T09:00:00',
        cls: 'bg-red',
        desc: 'Piknik - Mihrabat'
    },
        {
        time: '2024-06-05T20:00:00',
        cls: 'bg-red',
        desc: 'Anabilim Müzikal Tiyatro Topluluğu GALA -ÜK'
    },
        {
        time: '2024-06-05T09:00:00',
        cls: 'bg-red',
        desc: 'Dublaj Festivali - SK'
    },
        {
        time: '2024-06-06T09:00:00',
        cls: 'bg-red',
        desc: 'Piknik - Mihrabat'
    },
        {
        time: '2024-06-06T09:00:00',
        cls: 'bg-red',
        desc: 'Dublaj Festivali - MK'
    },
        {
        time: '2024-06-07T09:00:00',
        cls: 'bg-red',
        desc: 'Dublaj Festivali - ÜK'
    },
        {
        time: '2024-06-11T09:00:00',
        cls: 'bg-red',
        desc: 'ÜK 8. Sınıf Mezuniyeti - ÜK'
    },
        {
        time: '2024-06-12T17:30:00',
        cls: 'bg-red',
        desc: 'Lise Mezuniyet Töreni ük bahçe'
    },
        {
        time: '2024-06-13T10:00:00',
        cls: 'bg-red',
        desc: 'MK 8. Sınıf Mezuniyeti - ÜK'
    },
        {
        time: '2024-06-13T12:00:00',
        cls: 'bg-red',
        desc: '1. Sınıflar Karne Günü - ÜK, MK, SK Konferans'
    },
        {
        time: '2024-06-14T09:00:00',
        cls: 'bg-red',
        desc: 'Karne Günü'
    },
        {
        time: '2024-03-23T11:00:00',
        cls: 'bg-red',
        desc: 'Grease Müzikhali'
    },
        {
        time: '2024-04-03T09:00:00',
        cls: 'bg-red',
        desc: 'Münazara -ÜK-SK-MK Konferans - 6.Sınıflar'
    },
        {
        time: '2024-04-03T10:00:00',
        cls: 'bg-red',
        desc: 'Kartal Masal Müzesi - 1.sınıflar ÜK'
    },
        {
        time: '2024-04-16T10:00:00',
        cls: 'bg-red',
        desc: 'Münazara - ÜK - 2. Sınıflar'
    },
        {
        time: '2024-04-18T12:00:00',
        cls: 'bg-red',
        desc: 'Kartal Halk Ekmek Fabrikası - MK'
    },
        {
        time: '2024-04-22T09:00:00',
        cls: 'bg-red',
        desc: '23 Nisan Törenİ GENEL AKIŞ - ÜK-SK-MK'
    },
        {
        time: '2024-04-23T09:00:00',
        cls: 'bg-red',
        desc: '23 Nisan Töreni - ÜK-SK-MK'
    },
        {
        time: '2024-04-24T12:00:00',
        cls: 'bg-red',
        desc: 'Sergi - Atölye Çalışması Yazar Etkinliği -SK'
    },
        {
        time: '2024-04-25T09:00:00',
        cls: 'bg-red',
        desc: 'Sergi - Atölye Çalışması Yazar Etkinliği - MK'
    },
        {
        time: '2024-04-29T09:00:00',
        cls: 'bg-red',
        desc: 'Kartal Halk Ekmek Fabrikası - 2. sınıflar'
    },
        {
        time: '2024-04-02T10:00:00',
        cls: 'bg-red',
        desc: 'Allianz Teknik Deprem Ve yangın Lab. Gezi'
    },
        {
        time: '2024-04-07T09:00:00',
        cls: 'bg-red',
        desc: 'Allianz Teknik Deprem Ve yangın Lab. Gezi - MK'
    },
        {
        time: '2024-05-08T12:00:00',
        cls: 'bg-red',
        desc: 'Piyano dinletisi'
    },
        {
        time: '2024-05-20T09:00:00',
        cls: 'bg-red',
        desc: 'Motivasyon Etkinliği'
    },
        {
        time: '2024-05-22T09:00:00',
        cls: 'bg-red',
        desc: 'Kartal Halk Ekmek Fabrikası - 2. Sınıflar'
    },
        {
        time: '2024-05-24T09:00:00',
        cls: 'bg-red',
        desc: 'Çocuğuma Mektup - ük -sk - mk - 8. sınıflar'
    },
        {
        time: '2024-06-05T09:00:00',
        cls: 'bg-red',
        desc: 'Çevre günü - 1,2,3. Sınıflar'
    },
        {
        time: '2024-06-08T09:00:00',
        cls: 'bg-red',
        desc: 'Telc Sertifika - ük,sk,mk,ak'
    },
        {
        time: '2024-06-08T10:00:00',
        cls: 'bg-red',
        desc: 'Yıl sonu Gösteri -ÜK-Yenişehir-Ataşehir'
    },
        {
        time: '2024-06-08T12:00:00',
        cls: 'bg-red',
        desc: 'Yıl sonu Gösteri - SK- Çekmeköy'
    },
        {
        time: '2024-06-08T14:00:00',
        cls: 'bg-red',
        desc: 'Yıl sonu Gösteri - Suadiye - Esenşehir'
    },
        {
        time: '2024-06-08T12:00:00',
        cls: 'bg-red',
        desc: 'Tiyatro Festivali Ödül Töreni'
    },
        {
        time: '2024-06-11T17:30:00',
        cls: 'bg-red',
        desc: 'MK-8. Sınıf Mezuniyet - ÜK Bahçe'
    },
        {
        time: '2024-06-12T17:30:00',
        cls: 'bg-red',
        desc: 'SK  8. Sınıf Mezuniyet - bahçe'
    },
         
];

 Spinner = (id) =>({
    id: id,
    el: null,
    renderSpinner() {
        const frgSpinner = document.createRange().createContextualFragment(`
        <div class="spinner d-flex justify-content-center align-items-center">
            <div class="spinner-grow text-light" style="width: 4rem; height: 4rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
        `);
        this.el = document.getElementById(this.id);
        this.el.innerHTML = ''; //replacing
        this.el.appendChild(frgSpinner);
        return this;
    },
    async delay (delay = 2000) {
        await new Promise(resolve => setTimeout(resolve, delay));
    }
});


/***************************
 * 
 * 
 * 
 * 
 */
 const StopEventPropagation = (e)=> {
    if (!e) return;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
};
  Calendar = (id) => ({ 
    id: id,
    data: [],
    el: undefined,
    y: undefined,
    m: undefined,
    onDateClick(e) {
        StopEventPropagation(e);
        const el = e.srcElement;
        //alert(el.textContent); 
        console.log('click'); 
        console.log(el);
    },
    onEventClick(e) {
        StopEventPropagation(e);
        const el = e.srcElement;
        alert(el.textContent); 
        console.log('click'); 
        console.log(el); 
    },
    bindData(events) {
        this.data = events.sort((a,b) => {
            if ( a.time < b.time ) return -1;
            if ( a.time > b.time ) return 1;
            return 0;
        });
    },
    renderEvents() {    
        if (!this.data || this.data.length<=0) return;
        const lis = this.el.querySelectorAll(`.${this.id} .days .inside`);
        let y = this.el.querySelector('.month-year .year').innerText;
        let m = lis[0].querySelector('.date').getAttribute('month');
        lis.forEach((li)=>{
            try {
                let d = li.innerText;
                let divEvents = li.querySelector('.events');
                li.onclick = this.onDateClick;
                this.data.forEach((ev)=>{
                    try {
                        let evTime = moment(ev.time);
                        if (evTime.year() == y && evTime.month() == m && evTime.date() == d) {
                            let frgEvent = document.createRange().createContextualFragment(`
                                <div time="${ev.time}" class="event ${ev.cls}">${evTime.format('HH:mm')} ${ev.desc}</div>
                            `);
                            divEvents.appendChild(frgEvent);
                            let divEvent = divEvents.querySelector(`.event[time='${ev.time}']`);
                            divEvent.onclick = this.onEventClick;
                        }
                    } catch (err2) {
                        console.log(err2);
                    }
                });
            } catch (err1) {
                console.log(err1);
            }
        });
    },
    render(y, m) {
        //-------------------------------------------------------------------------------------------
        //first time when you call render() without params, it is going to default to current date.
        //this logic here is to make sure if you re-render by calling render() without any param again,
        //if the calendar is already looking at some other month, then it will get the updated data, but
        //the calendar will not jump back to current month and stay at the previous month you are looking at.
        //this is useful when server side has updated events, calendar can re-bindData() and re-render() 
        //itself correctly to reflect any changes.
        try {
            if (isNaN(y) && isNaN(this.y)) {
                this.y = moment().year();
            } else if ((!isNaN(y) && isNaN(this.y)) || (!isNaN(y) && !isNaN(this.y))) {
                this.y = y>1600 ? y : moment().year(); //calendar doesn't exist before 1600! :)
            }
            if (isNaN(m) && isNaN(this.m)) {
                this.m = moment().month();
            } else if ((!isNaN(m) && isNaN(this.m)) || (!isNaN(m) && !isNaN(this.m))) {
                this.m = m>=0 ? m : moment().month(); //momentjs month starts from 0-11
            }
            //------------------------------------------------------------------------------------------
    
            const d = moment().year(this.y).month(this.m).date(1); //first date of month
            const now = moment();
            
            const frgCal = document.createRange().createContextualFragment(`
            <div class="calendar noselect p-5">
                <div class="month-year-btn d-flex justify-content-center align-items-center mb-2">
                    <a class="prev-month"><i class="fas fa-caret-left fa-lg m-3"></i></a>
                    <div class="month-year d-flex justify-content-center align-items-center">
                        <div class="month mb-2 mr-2">${monthNames[this.m]}</div>
                        <div class="year mb-2">${this.y}</div>
                    </div>
                    <a class="next-month"><i class="fas fa-caret-right fa-lg m-3" aria-hidden="true"></i></a>
                </div>
                <ol class="day-names list-unstyled">
                    <li><h6 class="initials">Pa</h6></li>
                    <li><h6 class="initials">Pt</h6></li>
                    <li><h6 class="initials">Sa</h6></li>
                    <li><h6 class="initials">Ça</h6></li>
                    <li><h6 class="initials">Pe</h6></li>
                    <li><h6 class="initials">Cu</h6></li>
                    <li><h6 class="initials">Ct</h6></li>
                </ol>
            </div>
            `);
            const isSameDate = (d1, d2) => d1.format('YYYY-MM-DD') == d2.format('YYYY-MM-DD');
            let frgWeek;
            d.day(-1); //move date to the oldest Sunday, so that it lines up with the calendar layout
            for(let i=0; i<5; i++){ //loop thru 35 boxes on the calendar month
                frgWeek = document.createRange().createContextualFragment(`
                <ol class="days list-unstyled" week="${d.week()}">
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                    <li class="${d.add(1,'d'),this.m != d.month()?' outside':'inside'}${isSameDate(d,now)?' today':''}"><div month="${d.month()}" class="date">${d.format('D')}</div><div class="events"></div></li>
                </ol>
                `);
                frgCal.querySelector('.calendar').appendChild(frgWeek);
            }
            
            frgCal.querySelector('.prev-month').onclick = ()=>{
                const dp = moment().year(this.y).month(this.m).date(1).subtract(1, 'month');
                this.render(dp.year(), dp.month());
            };
            frgCal.querySelector('.next-month').onclick = ()=>{
                const dn = moment().year(this.y).month(this.m).date(1).add(1, 'month');
                this.render(dn.year(), dn.month());
            };
            this.el = document.getElementById(this.id);
            this.el.innerHTML = ''; //replacing
            this.el.appendChild(frgCal);
            this.renderEvents();
        } catch (error) {
            console.error(error);
        }
    }
});

/****************************************/


const ready = callback => {
	if (document.readyState !== 'loading') callback();
	else if (document.addEventListener)
		document.addEventListener('DOMContentLoaded', callback);
	else
		document.attachEvent('onreadystatechange', function () {
			if (document.readyState === 'complete') callback();
		});
};

ready(async () => {
	const cal = Calendar('calendar');
	const spr = Spinner('calendar');
	await spr.renderSpinner().delay(0);
	cal.bindData(mockData);
	cal.render();
});