{"id":2269,"date":"2026-02-28T23:46:26","date_gmt":"2026-02-28T23:46:26","guid":{"rendered":"https:\/\/jeevaysanjhapunjab.com\/webinar-archives\/"},"modified":"2026-03-14T18:48:11","modified_gmt":"2026-03-14T18:48:11","slug":"webinar-archive","status":"publish","type":"page","link":"https:\/\/jeevaysanjhapunjab.com\/pa\/webinar-archive\/","title":{"rendered":"\u0a35\u0a48\u0a2c\u0a40\u0a28\u0a3e\u0a30 \u0a06\u0a30\u0a15\u0a3e\u0a08\u0a35"},"content":{"rendered":"\n<div style=\"background: #ffffff; padding: 100px 20px 0px 20px; text-align: center; font-family: 'Times New Roman', serif; border-bottom: 1px solid #e8e4db;\">\n    <div style=\"max-width: 800px; margin: 0 auto; padding-bottom: 60px;\">\n        \n        <img decoding=\"async\" src=\"https:\/\/jeevaysanjhapunjab.com\/wp-content\/uploads\/2026\/03\/jeevay-sanjha-punjab-official-logo.webp\" alt=\"Jeevay Sanjha Punjab Webinar Archive\" style=\"display: none;\">\n\n        <span style=\"font-family: sans-serif; text-transform: uppercase; letter-spacing: 6px; font-size: 0.7rem; color: #c5a059; display: block; margin-bottom: 20px; font-weight: 300;\">Digital Dialogue<\/span>\n        <h1 style=\"font-size: clamp(2.2rem, 7vw, 4rem); font-weight: 400; color: #1a1210; margin: 0; line-height: 1.1;\">Webinar <span style=\"font-style: italic; color: #c5a059;\">Archive<\/span><\/h1>\n        <div style=\"width: 40px; height: 1px; background: #c5a059; margin: 40px auto;\"><\/div>\n        <p style=\"font-family: 'Georgia', serif; font-size: 1.15rem; color: #777; line-height: 1.8; font-style: italic; max-width: 650px; margin: 0 auto;\">\n            Our archives of past historical dialogues, cultural explorations, and academic sessions. Revisit the stories that shape our shared heritage.\n        <\/p>\n    <\/div>\n<\/div>\n\n\n\n<div id=\"archive-engine\" style=\"background: #ffffff; padding: 40px 15px 60px 15px; font-family: 'Times New Roman', serif;\">\n    \n    <div style=\"max-width: 1100px; margin: 0 auto 30px auto; text-align: center;\">\n        <h2 style=\"font-family: 'Georgia', serif; font-weight: 400; font-style: italic; font-size: 1.4rem; color: #1a1210; margin-bottom: 10px;\">Search the Webinar Archive<\/h2>\n        <p style=\"font-family: sans-serif; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 2px; color: #c5a059; margin-bottom: 30px;\">Filter by category, speaker, or keywords<\/p>\n    <\/div>\n\n    <div style=\"max-width: 1100px; margin: 0 auto 40px auto; padding: 30px; background: #fcfaf7; border: 1px solid #e8e4db; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;\">\n        <div>\n            <label style=\"display:block; font-size: 0.65rem; font-family: sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #777; margin-bottom: 8px;\">Search Keywords<\/label>\n            <input type=\"text\" id=\"searchInput\" onkeyup=\"runArchive(1)\" placeholder=\"Search title or speaker...\" style=\"width: 100%; padding: 12px; border: 1px solid #c5a059; background: #fff; font-family: 'Times New Roman'; font-size: 0.95rem; outline: none; box-sizing: border-box;\">\n        <\/div>\n\n        <div>\n            <label style=\"display:block; font-size: 0.65rem; font-family: sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #777; margin-bottom: 8px;\">Category<\/label>\n            <select id=\"categoryFilter\" onchange=\"runArchive(1)\" style=\"width: 100%; padding: 12px; border: 1px solid #c5a059; background: #fff; font-family: 'Times New Roman'; font-size: 0.95rem; outline: none; cursor: pointer;\">\n                <option value=\"all\">&#8212; All Categories &#8212;<\/option>\n                <option value=\"Language\">Language<\/option>\n                <option value=\"Culture\">Culture<\/option>\n                <option value=\"History\">History<\/option>\n                <option value=\"Heritage\">Heritage<\/option>\n                <option value=\"Art\">Art<\/option>\n                <option value=\"Music\">Music<\/option>\n                <option value=\"Literature\">Literature<\/option>\n                <option value=\"Folklore\">Folklore<\/option>\n                <option value=\"Architecture\">Architecture<\/option>\n            <\/select>\n        <\/div>\n\n        <div>\n            <label style=\"display:block; font-size: 0.65rem; font-family: sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #777; margin-bottom: 8px;\">Guest Speaker<\/label>\n            <select id=\"nameFilter\" onchange=\"runArchive(1)\" style=\"width: 100%; padding: 12px; border: 1px solid #c5a059; background: #fff; font-family: 'Times New Roman'; font-size: 0.95rem; outline: none; cursor: pointer;\">\n                <option value=\"all\">&#8212; All Speakers &#8212;<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <div id=\"videoGrid\"><\/div>\n\n    <div id=\"paginator\" style=\"text-align: center; margin-top: 60px; font-family: sans-serif;\"><\/div>\n    <div id=\"pageStats\" style=\"text-align: center; color: #888; font-size: 0.8rem; margin-top: 15px; font-style: italic; font-family: 'Georgia';\"><\/div>\n<\/div>\n\n<style>\n    #videoGrid {\n        max-width: 1200px; margin: 0 auto;\n        display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px;\n    }\n    \n    .vid-card { \n        background: #fcfaf7; border: 1px solid #e8e4db; padding: 35px 25px; text-align: left;\n        transition: all 0.3s ease; \n        text-decoration: none !important; \/* Removes default link underline *\/\n        color: #1a1210; \n        display: flex; flex-direction: column; justify-content: space-between; height: 100%; box-sizing: border-box;\n    }\n    \n    .vid-card:hover { background: #ffffff; border-color: #c5a059; transform: translateY(-5px); box-shadow: 0 12px 25px rgba(197, 160, 89, 0.1); }\n    \n    .card-top { flex-grow: 1; }\n    \n    .vid-card h3 { font-family: 'Times New Roman', serif; font-weight: 400; font-size: 1.35rem; line-height: 1.3; margin: 15px 0; color: #1a1210; text-decoration: none; }\n    \n    .meta-box { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }\n    \n    .meta-label { display: block; font-family: sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1.5px; color: #c5a059; font-weight: 700; margin-bottom: 4px; }\n    \n    .meta-value { font-family: 'Georgia', serif; font-size: 1rem; color: #444; font-style: italic; line-height: 1.4; display: block; margin-bottom: 12px; }\n    \n    .cat-tag { font-family: sans-serif; font-size: 0.55rem; color: #888; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #e8e4db; padding: 3px 8px; margin-right: 4px; border-radius: 3px; display: inline-block; margin-bottom: 5px; }\n    \n    \/* Button Style - No Underline *\/\n    .btn-watch { \n        margin-top: 25px; display: block; width: 100%; padding: 12px; \n        border: 1px solid #c5a059; font-family: sans-serif; font-size: 0.7rem; \n        letter-spacing: 2px; text-transform: uppercase; font-weight: bold; \n        text-align: center; transition: 0.3s; \n        text-decoration: none !important; \/* Forces no underline *\/\n        color: #1a1210;\n    }\n    \n    .vid-card:hover .btn-watch { background: #c5a059; color: #fff; text-decoration: none; }\n    \n    .page-btn { cursor: pointer; padding: 8px 16px; border: 1px solid #e8e4db; margin: 0 4px; display: inline-block; font-size: 0.8rem; transition: 0.3s; }\n    .page-btn.active { background: #c5a059; color: white; border-color: #c5a059; }\n<\/style>\n\n\n\n<script>\n\/\/ --- YOUR DATA ---\nconst webinarRecords = [\n    { \n        title: \"The Impact of Partition on the Heritage of Punjab\", \n        speaker: \"Purva Masaud, Pargat Singh, Guneeta Singh Bhalla, Sunaini Sharma\", \n        host: \"Dr. Tarunjit S Butalia\", \n        categories: [\"History\", \"Heritage\", \"Language\", \"Culture\"], \n        url: \"https:\/\/youtu.be\/a5fQ4ZaGZ9M\" \n    },\n    { \n        title: \"The Forgotten Heritage of Lahore\", \n        speaker: \"Syed Faizan Naqvi\", \n        host: \"Pargat Singh\", \n        categories: [\"History\", \"Heritage\", \"Architecture\"], \n        url: \"https:\/\/youtu.be\/Y1-xyWBhRdQ\" \n    },\n    { \n        title: \"Gandhara Art of Taxila\", \n        speaker: \"Anjum Dara\", \n        host: \"Jahandad Khan\", \n        categories: [\"Heritage\", \"History\", \"Art\"], \n        url: \"https:\/\/youtu.be\/Rx9sksxw6Ok\" \n    },\n    { \n        title: \"Tilla Jogian | Myth & History \", \n        speaker: \"Mirza Baig\", \n        host: \"Purva Masaud\", \n        categories: [\"History\", \"Culture\", \"Heritage\", \"Folklore\"], \n        url: \"https:\/\/youtu.be\/OuOciSL_2o8\" \n    },\n    { \n        title: \"Sikh Arms Gallery In Lahore Fort\", \n        speaker: \"Dr. Tarunjit S Butalia\", \n        host: \"Parkash Singh\", \n        categories: [\"Heritage\", \"History\", \"Art\"], \n        url: \"https:\/\/youtu.be\/JHDSJgiFscI\" \n    },\n    { \n        title: \"Partition of Punjab: How May We Heal Together\", \n        speaker: \"Dr. Tarunjit S Butalia, Anmol Bhatti, Dr. Adnan Tariq\", \n        host: \"Lahore Museum Team\", \n        categories: [\"History\", \"Culture\"], \n        url: \"https:\/\/youtu.be\/hLz8RfyTWVA\" \n    }\n];\n\n\/\/ --- ARCHIVE LOGIC ---\nconst perPage = 12;\n\nfunction runArchive(page = 1) {\n    const category = document.getElementById('categoryFilter').value;\n    const speakerSelected = document.getElementById('nameFilter').value;\n    const search = document.getElementById('searchInput').value.toLowerCase();\n    const grid = document.getElementById('videoGrid');\n    \n    const filtered = webinarRecords.filter(v => {\n        const matchCategory = (category === 'all' || (v.categories && v.categories.includes(category)));\n        \/\/ Match if the selected speaker is found within the speaker string\n        const matchSpeaker = (speakerSelected === 'all' || v.speaker.includes(speakerSelected));\n        const matchSearch = (v.title.toLowerCase().includes(search) || v.speaker.toLowerCase().includes(search) || v.host.toLowerCase().includes(search));\n        return matchCategory && matchSpeaker && matchSearch;\n    });\n\n    if (filtered.length === 0) {\n        grid.innerHTML = `<div style=\"grid-column: 1\/-1; text-align: center; padding: 80px 20px; color: #777; font-style: italic; font-family: 'Georgia';\">No recorded webinars match this criteria.<\/div>`;\n    } else {\n        grid.innerHTML = filtered.slice((page-1)*perPage, page*perPage).map(v => `\n            <a href=\"${v.url}\" target=\"_blank\" class=\"vid-card\">\n                <div class=\"card-top\">\n                    <div>${v.categories.map(c => `<span class=\"cat-tag\">${c}<\/span>`).join('')}<\/div>\n                    <h3>${v.title}<\/h3>\n                    <div class=\"meta-box\">\n                        <span class=\"meta-label\">Guest Speaker(s)<\/span>\n                        <span class=\"meta-value\">${v.speaker}<\/span>\n                        <span class=\"meta-label\">Session Host<\/span>\n                        <span class=\"meta-value\" style=\"font-size: 0.9rem; opacity: 0.8;\">${v.host}<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"btn-watch\">Watch Recording<\/div>\n            <\/a>\n        `).join('');\n    }\n    renderPaginator(filtered.length, page);\n}\n\nfunction renderPaginator(total, current) {\n    const pages = Math.ceil(total \/ perPage);\n    const container = document.getElementById('paginator');\n    const stats = document.getElementById('pageStats');\n    if(!container || !stats) return;\n    container.innerHTML = '';\n    if (pages <= 1) { stats.innerHTML = `Showing ${total} Recordings`; return; }\n    for(let i=1; i<=pages; i++) {\n        container.innerHTML += `<span class=\"page-btn ${i===current?'active':''}\" onclick=\"runArchive(${i}); window.scrollTo({top: 450, behavior: 'smooth'});\">${i}<\/span>`;\n    }\n    stats.innerHTML = `Page ${current} of ${pages} (${total} total recordings)`;\n}\n\n\/\/ Populate Speaker Filter (Splitting strings with multiple names)\nconst pSelect = document.getElementById('nameFilter');\nif(pSelect) {\n    let allIndividualNames = [];\n    webinarRecords.forEach(v => {\n        const names = v.speaker.split(',').map(n => n.trim());\n        allIndividualNames.push(...names);\n    });\n    const uniqueSpeakers = [...new Set(allIndividualNames)].sort();\n    uniqueSpeakers.forEach(p => {\n        const opt = document.createElement('option');\n        opt.value = p; opt.innerText = p; pSelect.appendChild(opt);\n    });\n}\n\n\/\/ Initial Run\nrunArchive(1);\n<\/script>\n\n\n\n<div id=\"heritage-registry-root\" style=\"background: #ffffff; font-family: 'Georgia', serif; color: #2c2421; padding: 40px 15px;\">\n    <div style=\"max-width: 1000px; margin: 40px auto; border-top: 1px double #c5a059; padding-top: 60px;\">\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; text-align: left;\">\n            \n            <div>\n                <h4 style=\"font-weight: 400; color: #c5a059; letter-spacing: 2px; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 20px;\"><strong>Collaborative<\/strong> Dialogues<\/h4>\n                <p style=\"font-size: 0.95rem; color: #666; line-height: 1.7; font-family: 'Georgia', serif;\">\n                    Our digital webinars are held in coordination with the \n                    <a href=\"https:\/\/www.facebook.com\/sikhinterfaithcouncil\" target=\"_blank\" rel=\"noopener\" style=\"color: #c5a059; text-decoration: underline; font-weight: bold;\">Sikh Council for Interfaith Relations<\/a>. \n                    Together, we facilitate academic sessions and cultural explorations that bridge history with global interfaith values.\n                <\/p>\n            <\/div>\n\n            <div>\n                <h4 style=\"font-weight: 400; color: #c5a059; letter-spacing: 2px; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 20px;\">Archive Access &#038; Citations<\/h4>\n                <p style=\"font-size: 0.95rem; color: #666; line-height: 1.7; font-family: 'Georgia', serif;\">\n                    When referencing these records, please cite <strong>Jeevay Sanjha Punjab<\/strong> as the host. Explore more through our \n                    <a href=\"https:\/\/jeevaysanjhapunjab.com\/punjab-history-archive\/\" style=\"color: #c5a059; text-decoration: underline;\">History Archive<\/a> \n                    or visit our <a href=\"https:\/\/jeevaysanjhapunjab.com\/publications\/\" style=\"color: #c5a059; text-decoration: underline;\">Publications<\/a> for formal research.\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Digital Dialogue Webinar Archive Our archives of past historical dialogues, cultural explorations, and academic sessions. Revisit the stories that shape our shared heritage. Search the Webinar Archive Filter by category, speaker, or keywords Search Keywords Category &#8212; All Categories &#8212;LanguageCultureHistoryHeritageArtMusicLiteratureFolkloreArchitecture Guest Speaker &#8212; All Speakers &#8212; Collaborative Dialogues Our digital webinars are held in coordination [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages\/2269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/comments?post=2269"}],"version-history":[{"count":18,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages\/2269\/revisions"}],"predecessor-version":[{"id":2819,"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/pages\/2269\/revisions\/2819"}],"wp:attachment":[{"href":"https:\/\/jeevaysanjhapunjab.com\/pa\/wp-json\/wp\/v2\/media?parent=2269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}