{"id":42,"date":"2024-06-27T06:16:19","date_gmt":"2024-06-27T06:16:19","guid":{"rendered":"https:\/\/themewant.com\/products\/wordpress\/unipix\/about-us\/?page_id=42"},"modified":"2026-09-24T11:18:58","modified_gmt":"2026-09-24T11:18:58","slug":"event-grid","status":"publish","type":"page","link":"https:\/\/hands-ids.edu.pk\/site\/event-grid\/","title":{"rendered":"Event Calendar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff83d1b e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"ff83d1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbb3dcc rt-default-class elementor-widget elementor-widget-text-editor\" data-id=\"cbb3dcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n    \/* Website Font Stack Matching HANDS-IDS Theme *\/\n    #hands-ids-calendar-container {\n        font-family: 'Roboto', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;\n        max-width: 1050px;\n        margin: 25px auto;\n        padding: 25px;\n        border: 1px solid #e2e8f0;\n        border-radius: 10px;\n        background-color: #ffffff;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n    }\n\n    .calendar-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 3px solid #0056b3;\n        padding-bottom: 12px;\n        margin-bottom: 20px;\n        flex-wrap: wrap;\n        gap: 10px;\n    }\n\n    .calendar-header h2 {\n        color: #0056b3;\n        margin: 0;\n        font-size: 22px;\n        font-weight: 700;\n    }\n\n    .btn-download-ics {\n        background-color: #0056b3;\n        color: #ffffff !important;\n        padding: 9px 16px;\n        border-radius: 6px;\n        text-decoration: none;\n        font-size: 13px;\n        font-weight: 600;\n        transition: background-color 0.3s ease;\n        cursor: pointer;\n        display: inline-block;\n    }\n\n    .btn-download-ics:hover {\n        background-color: #003d82;\n    }\n\n    .calendar-search {\n        width: 100%;\n        padding: 10px 14px;\n        border: 1px solid #cbd5e1;\n        border-radius: 6px;\n        font-size: 14px;\n        margin-bottom: 18px;\n        box-sizing: border-box;\n        outline: none;\n    }\n\n    .calendar-search:focus {\n        border-color: #0056b3;\n    }\n\n    .events-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n        font-size: 14px;\n    }\n\n    .events-table th {\n        background-color: #f8fafc;\n        color: #1e293b;\n        padding: 12px 14px;\n        border-bottom: 2px solid #e2e8f0;\n        font-weight: 700;\n    }\n\n    .events-table td {\n        padding: 12px 14px;\n        border-bottom: 1px solid #f1f5f9;\n        vertical-align: middle;\n    }\n\n    \/* Auto Status Badges *\/\n    .badge-status {\n        display: inline-block;\n        padding: 4px 10px;\n        border-radius: 12px;\n        font-size: 12px;\n        font-weight: 600;\n        white-space: nowrap;\n    }\n\n    .badge-success {\n        background-color: #dcfce7;\n        color: #15803d;\n        border: 1px solid #bbf7d0;\n    }\n\n    .badge-upcoming {\n        background-color: #e0f2fe;\n        color: #0369a1;\n        border: 1px solid #bae6fd;\n    }\n\n    .past-event-row {\n        background-color: #fafafa;\n        color: #64748b;\n    }\n<\/style>\n\n<div id=\"hands-ids-calendar-container\">\n  <div class=\"calendar-header\">\n    <h2>HANDS-IDS Academic &amp; Event Calendar (2026-2027)<\/h2>\n    <a id=\"downloadIcsBtn\" class=\"btn-download-ics\">\ud83d\udcc5 Add to Calendar<\/a>\n  <\/div>\n\n  <!-- Search Input -->\n  <input id=\"eventSearchInput\" class=\"calendar-search\" type=\"text\" onkeyup=\"filterEvents()\" placeholder=\"Search events by title, month, or status...\" \/>\n\n  <!-- Table -->\n  <div style=\"overflow-x: auto;\">\n    <table id=\"eventsTable\" class=\"events-table\">\n      <thead>\n        <tr>\n          <th>Date<\/th>\n          <th>Event Name<\/th>\n          <th>Activity Details<\/th>\n          <th>Organized By<\/th>\n          <th>Status<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr data-date=\"2026-08-13\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">13 Aug 2026<\/td>\n          <td style=\"font-weight: 600;\">Orientation Fall 2026<\/td>\n          <td>Campus orientation for undergraduate &amp; graduate students. Talent showcase in singing, debate &amp; drama.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-08-14\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">14 Aug 2026<\/td>\n          <td style=\"font-weight: 600;\">Independence Day<\/td>\n          <td>Flag Hoisting Ceremony with national anthem and address by dignitaries.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-09-06\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">06 Sep 2026<\/td>\n          <td style=\"font-weight: 600;\">Defence Day<\/td>\n          <td>Seminar and short documentary on Pakistan&#8217;s Defence Day to honor armed forces.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-09-09\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">09 Sep 2026<\/td>\n          <td style=\"font-weight: 600;\">Eid Milad-un-Nabi<\/td>\n          <td>Milad and awareness session on the life of Prophet Muhammad (PBUH).<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-09-21\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">21 Sep 2026<\/td>\n          <td style=\"font-weight: 600;\">International Peace Day<\/td>\n          <td>Essay writing competitions to promote peace and conflict resolution.<\/td>\n          <td>English Faculty<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-10-05\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">05 Oct 2026<\/td>\n          <td style=\"font-weight: 600;\">International Teacher&#8217;s Day<\/td>\n          <td>Students pay tribute to teachers through artwork and cards.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-10-21\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">21 Oct 2026<\/td>\n          <td style=\"font-weight: 600;\">Breast Cancer Awareness<\/td>\n          <td>Awareness session and Pink Ribbon Campaign for early detection.<\/td>\n          <td>Faculty of Nursing<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-11-05\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">05 Nov 2026<\/td>\n          <td style=\"font-weight: 600;\">Allama Iqbal Day<\/td>\n          <td>Mushaira and seminar on Iqbal&#8217;s philosophy.<\/td>\n          <td>HoD &amp; Faculty of DBA<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-12-23\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">23 Dec 2026<\/td>\n          <td style=\"font-weight: 600;\">Quaid-e-Azam Day<\/td>\n          <td>Seminar on Quaid&#8217;s vision and historical documentary screening.<\/td>\n          <td>HoD &amp; Faculty of DDS<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2026-12-24\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">24 Dec 2026<\/td>\n          <td style=\"font-weight: 600;\">Spring Festival (Qawwali Night)<\/td>\n          <td>Local concert or Qawwali night arranged for students &amp; faculty.<\/td>\n          <td>Marketing Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-01-22\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">22 Jan 2027<\/td>\n          <td style=\"font-weight: 600;\">Sports Day<\/td>\n          <td>Indoor and outdoor sports activities for students and faculty.<\/td>\n          <td>Event Committee &amp; Dean<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-01-24\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">24 Jan 2027<\/td>\n          <td style=\"font-weight: 600;\">International Education Day<\/td>\n          <td>Blog posting on social media and IDS website.<\/td>\n          <td>Dean FMDS<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-02-02\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">02 Feb 2027<\/td>\n          <td style=\"font-weight: 600;\">Kashmir Day<\/td>\n          <td>Solidarity Walk organized by Event Committee.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-03-08\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">08 Mar 2027<\/td>\n          <td style=\"font-weight: 600;\">International Women&#8217;s Day<\/td>\n          <td>Guest Speaker Session.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-03-22\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">22 Mar 2027<\/td>\n          <td style=\"font-weight: 600;\">Pakistan&#8217;s Day<\/td>\n          <td>Institutional activities planned.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-04-02\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">02 Apr 2027<\/td>\n          <td style=\"font-weight: 600;\">Annual Picnic<\/td>\n          <td>Organized by Student Affairs &amp; Event Committee.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-06-01\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">01 Jun 2027<\/td>\n          <td style=\"font-weight: 600;\">World Anti-Drug Day<\/td>\n          <td>Poster presentation competition.<\/td>\n          <td>Event Committee<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n        <tr data-date=\"2027-06-04\">\n          <td style=\"font-weight: bold; color: #0056b3; white-space: nowrap;\">04 Jun 2027<\/td>\n          <td style=\"font-weight: 600;\">International Environment Day<\/td>\n          <td>Activities planned by Faculty of DDS.<\/td>\n          <td>Faculty of DDS<\/td>\n          <td class=\"status-cell\"><\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/div>\n\n<!-- Auto Status Logic, Search & ICS Export Script -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    var today = new Date();\n    today.setHours(0, 0, 0, 0); \/\/ Midnight today\n\n    var rows = document.querySelectorAll(\"#eventsTable tbody tr\");\n\n    rows.forEach(function(row) {\n        var eventDateStr = row.getAttribute(\"data-date\");\n        if (eventDateStr) {\n            var eventDate = new Date(eventDateStr);\n            eventDate.setHours(0, 0, 0, 0);\n\n            var statusCell = row.querySelector(\".status-cell\");\n\n            if (eventDate < today) {\n                \/\/ Past Event\n                statusCell.innerHTML = '<span class=\"badge-status badge-success\">\u2705 Successful Event<\/span>';\n                row.classList.add(\"past-event-row\");\n            } else {\n                \/\/ Upcoming Event\n                statusCell.innerHTML = '<span class=\"badge-status badge-upcoming\">\u23f3 Upcoming Event<\/span>';\n            }\n        }\n    });\n\n    \/\/ ICS Generator Attachment\n    document.getElementById(\"downloadIcsBtn\").addEventListener(\"click\", generateIcsFile);\n});\n\nfunction filterEvents() {\n    var input = document.getElementById(\"eventSearchInput\");\n    var filter = input.value.toLowerCase();\n    var table = document.getElementById(\"eventsTable\");\n    var tr = table.getElementsByTagName(\"tr\");\n\n    for (var i = 1; i < tr.length; i++) {\n        var textContent = tr[i].textContent.toLowerCase();\n        if (textContent.indexOf(filter) > -1) {\n            tr[i].style.display = \"\";\n        } else {\n            tr[i].style.display = \"none\";\n        }\n    }\n}\n\nfunction generateIcsFile() {\n    var rows = document.querySelectorAll(\"#eventsTable tbody tr\");\n    var icsContent = \"BEGIN:VCALENDAR\\r\\nVERSION:2.0\\r\\nPRODID:-\/\/HANDS-IDS\/\/Academic Calendar\/\/EN\\r\\nCALSCALE:GREGORIAN\\r\\n\";\n\n    rows.forEach(function(row) {\n        var dateStr = row.getAttribute(\"data-date\");\n        if(dateStr) {\n            var formattedDate = dateStr.replace(\/-\/g, \"\");\n            var title = row.cells[1].innerText.trim();\n            var desc = row.cells[2].innerText.trim();\n            var organizer = row.cells[3].innerText.trim();\n\n            icsContent += \"BEGIN:VEVENT\\r\\n\";\n            icsContent += \"SUMMARY:\" + title + \"\\r\\n\";\n            icsContent += \"DESCRIPTION:\" + desc + \" (Organized by: \" + organizer + \")\\r\\n\";\n            icsContent += \"DTSTART;VALUE=DATE:\" + formattedDate + \"\\r\\n\";\n            icsContent += \"DTEND;VALUE=DATE:\" + formattedDate + \"\\r\\n\";\n            icsContent += \"LOCATION:HANDS Institute of Development Studies, Karachi\\r\\n\";\n            icsContent += \"END:VEVENT\\r\\n\";\n        }\n    });\n\n    icsContent += \"END:VCALENDAR\";\n\n    var blob = new Blob([icsContent], { type: 'text\/calendar;charset=utf-8;' });\n    var link = document.createElement('a');\n    link.href = window.URL.createObjectURL(blob);\n    link.setAttribute('download', 'hands_ids_events.ics');\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n}\n<\/script>\n\n<!-- SEO Structured Data Schema -->\n<script type=\"application\/ld+json\">\n[\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Event\",\n    \"name\": \"Independence Day & Flag Hoisting\",\n    \"startDate\": \"2026-08-14\",\n    \"eventAttendanceMode\": \"https:\/\/schema.org\/OfflineEventAttendanceMode\",\n    \"eventStatus\": \"https:\/\/schema.org\/EventScheduled\",\n    \"location\": {\n      \"@type\": \"Place\",\n      \"name\": \"HANDS Institute of Development Studies\",\n      \"address\": \"Karachi, Pakistan\"\n    },\n    \"description\": \"Flag Hoisting Ceremony with national anthem and address by dignitaries.\",\n    \"organizer\": {\n      \"@type\": \"Organization\",\n      \"name\": \"HANDS-IDS Event Committee\"\n    }\n  }\n]\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HANDS-IDS Academic &amp; Event Calendar (2026-2027) &#x1f4c5; Add to Calendar Date Event Name Activity Details Organized By Status 13 Aug 2026 Orientation Fall 2026 Campus orientation for undergraduate &amp; graduate&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":16,"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":16452,"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/pages\/42\/revisions\/16452"}],"wp:attachment":[{"href":"https:\/\/hands-ids.edu.pk\/site\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}