{"id":4056,"date":"2025-03-18T15:09:32","date_gmt":"2025-03-18T19:09:32","guid":{"rendered":"https:\/\/www.dawsoncollege.qc.ca\/oad\/?page_id=4056"},"modified":"2026-09-08T10:17:41","modified_gmt":"2026-09-08T14:17:41","slug":"indigenous-perspectives","status":"publish","type":"page","link":"https:\/\/www.dawsoncollege.qc.ca\/oad\/indigenous-perspectives\/","title":{"rendered":"Indigenous Perspectives"},"content":{"rendered":"<figure id=\"attachment_4529\" aria-describedby=\"caption-attachment-4529\" style=\"width: 400px\" class=\"wp-caption aligncenter\"><a class=\"link-to-img\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-content\/uploads\/sites\/146\/Indigenous-Perspectives_image.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-4529\" src=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-content\/uploads\/sites\/146\/Indigenous-Perspectives_image-400x400.jpg\" alt=\"\" width=\"400\" height=\"400\" \/><\/a><figcaption id=\"caption-attachment-4529\" class=\"wp-caption-text\">Illustration of a Tattooed Indian chief<\/figcaption><\/figure>\n<h2>Workshops<\/h2>\n<p>Schedule and Registration<br \/>\n        <style>\n            tr.workshop-item table {\n                margin: 0;\n            }\n\n            tr.workshop-item td:first-child {\n                max-width: 350px;\n            }\n\n            tr.workshop-item td:nth-child(2) {\n                width: 170px;\n            }\n\n            tr.workshop-item td:last-child {\n                width: 190px;\n                text-align: right;\n            }\n\n            tr.workshop-item:nth-child(2n) td {\n                background: #f1f8ff;\n            }\n\n            table.workshops {\n                border-top: none !important;\n            }\n\n            table.workshops a {\n                text-decoration: none !important;\n                font-weight: 600;\n            }\n\n            .workshops {\n                width: 100%;\n                border-collapse: collapse;\n                margin: 0;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title {\n                background-color: #0056b7 !important;\n                color: #fff;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title a {\n\n                color: #fff;\n            }\n\n            .workshops th,\n            .workshops td {\n                padding: 12px;\n                text-align: left;\n                border-bottom: 1px solid #ddd;\n                vertical-align: middle;\n            }\n\n            .workshop-action-link {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border-radius: 4px;\n                background-color: #23961d;\n                color: #fff !important;\n                font-size: 14px;\n                line-height: 1.2;\n                text-align: center;\n                white-space: nowrap;\n            }\n\n            .workshop-action-link:hover {\n                background-color: #0052a3;\n                color: #fff !important;\n            }\n\n            .workshop-action-link:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            .workshop-item button {\n                min-width: 90px;\n            }\n\n            .workshop-details-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border: 1px solid #c8d4e3;\n                border-radius: 4px;\n                background-color: #fff;\n                color: #1d3557;\n                font-size: 14px;\n                line-height: 1.2;\n                white-space: nowrap;\n            }\n\n            .workshop-actions {\n                display: flex;\n                flex-direction: column;\n                align-items: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-actions:empty {\n                display: none;\n            }\n\n            .workshop-title-row {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                flex-wrap: wrap;\n            }\n\n            .workshop-status-pill {\n                display: inline-flex;\n                align-items: center;\n                padding: 2px 10px;\n                border-radius: 999px;\n                font-size: 12px;\n                font-weight: 600;\n                line-height: 1.4;\n                white-space: nowrap;\n            }\n\n            .workshop-status-pill--cancelled {\n                background: #f8d7da;\n                color: #7a1f14;\n            }\n\n            .workshop-status-pill--closed {\n                background: #dbeafe;\n                color: #17406d;\n            }\n\n            .workshop-status-pill--full {\n                background: #dcfce7;\n                color: #166534;\n            }\n\n            .workshop-details-button:hover {\n                background-color: #edf4fb;\n                border-color: #9db6d3;\n            }\n\n            .workshop-details-button:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            \/* Modal styles - add these to your CSS *\/\n            .workshop-modal-overlay {\n                display: none;\n                position: fixed;\n                z-index: 1000;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                overflow: auto;\n                background-color: rgba(0, 0, 0, 0.7);\n                animation: fadeIn 0.3s;\n                align-items: center;\n                justify-content: center;\n                padding: 20px;\n            }\n\n            .workshop-modal-overlay.active {\n                display: flex;\n            }\n\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n\n                to {\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-content {\n                background-color: white;\n                border-radius: 8px;\n                max-width: 600px;\n                width: 100%;\n                max-height: 90vh;\n                overflow-y: auto;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                animation: slideIn 0.3s;\n            }\n\n            @keyframes slideIn {\n                from {\n                    transform: translateY(-50px);\n                    opacity: 0;\n                }\n\n                to {\n                    transform: translateY(0);\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-header {\n                padding: 20px;\n                border-bottom: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                background: #0266cc;\n                color: #fff;\n            }\n\n            .workshop-modal-title {\n                margin: 0;\n                font-size: 2.25rem;\n                font-weight: bold;\n                padding-right: 20px;\n            }\n\n            .workshop-modal-instructor {\n                margin: 5px 0 0 0;\n                font-style: italic;\n                color: #f8f8f8;\n            }\n\n            .workshop-modal-close {\n                background: none;\n                border: none;\n                font-size: 28px;\n                cursor: pointer;\n                color: #666;\n                padding: 0;\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 4px;\n                flex-shrink: 0;\n            }\n\n            .workshop-modal-close:hover {\n                background-color: #f0f0f0;\n                color: #333;\n            }\n\n            .workshop-modal-close:focus {\n                outline: 2px solid #0066cc;\n                outline-offset: 2px;\n            }\n\n            .workshop-modal-body {\n                padding: 20px;\n                line-height: 1.6;\n            }\n\n            .workshop-modal-time {\n                margin-top: 0;\n                padding-top: 0;\n            }\n\n            .workshop-modal-footer {\n                padding: 15px 20px;\n                border-top: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-modal-footer a,\n            .workshop-modal-footer button {\n                padding: 10px 20px;\n                border-radius: 4px;\n                text-decoration: none;\n                font-size: 14px;\n                cursor: pointer;\n                border: none;\n            }\n\n            .workshop-modal-footer a {\n                background-color: #23961d;\n                color: white;\n            }\n\n            .workshop-modal-footer a:hover {\n                background-color: #0052a3;\n            }\n\n            .workshop-modal-footer button {\n                background-color: #e0e0e0;\n                color: #333;\n            }\n\n            .workshop-modal-footer button:hover {\n                background-color: #d0d0d0;\n            }\n\n            @media (max-width: 768px) {\n                tr.workshop-item td:last-child {\n                    text-align: left;\n                }\n\n                .workshop-actions {\n                    align-items: flex-start;\n                }\n\n                .workshop-modal-content {\n                    margin: 10px;\n                    max-height: 95vh;\n                }\n\n                .workshop-modal-header {\n                    padding: 15px;\n                }\n\n                .workshop-modal-title {\n                    font-size: 22px;\n                }\n\n                .workshop-modal-body {\n                    padding: 15px;\n                }\n            }\n            a.workshop-action-link[href*=\"waitlist=1\"] {\n                \/* Your styles here *\/\n                background-color: #757575;\n            \n            }\n\n        <\/style>\n        <script>\n            jQuery(document).ready(function($) {\n                $(document).on('click', '.workshop-item button', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const $triggerButton = $(this);\n                    const $row = $triggerButton.closest('.workshop-item');\n                    const $titleLink = $row.find('td:first-child a').first();\n                    const title = $titleLink.text().trim();\n                    const $instructorEm = $row.find('em').first();\n                    const instructor = $instructorEm.length ? $instructorEm.text().trim() : '';\n                    const $detailsDiv = $row.find('.event-details').first();\n                    const details = $detailsDiv.length ? $detailsDiv.html() : '';\n                    const $timeCell = $row.find('td').eq(1);\n                    const time = $timeCell.length ? $timeCell.text().trim() : '';\n                    const $actionLink = $row.find('.workshop-actions').first().find('a.workshop-action-link').first();\n                    const actionLabel = $actionLink.length ? $actionLink.text().trim() : '';\n                    const actionUrl = $actionLink.length ? ($actionLink.attr('href') || '') : '';\n\n                    let duration = '';\n\n                    if ( time ) {\n                        const timeMatch = time.match(\/(\\d+):(\\d+)(am|pm).*?(\\d+):(\\d+)(am|pm)\/i);\n\n                        if ( timeMatch ) {\n                            let [_, startHour, startMin, startPeriod, endHour, endMin, endPeriod] = timeMatch;\n                            startHour = parseInt(startHour, 10);\n                            endHour = parseInt(endHour, 10);\n\n                            if ( startPeriod.toLowerCase() === 'pm' && startHour !== 12 ) startHour += 12;\n                            if ( startPeriod.toLowerCase() === 'am' && startHour === 12 ) startHour = 0;\n                            if ( endPeriod.toLowerCase() === 'pm' && endHour !== 12 ) endHour += 12;\n                            if ( endPeriod.toLowerCase() === 'am' && endHour === 12 ) endHour = 0;\n\n                            const startMinutes = startHour * 60 + parseInt(startMin, 10);\n                            const endMinutes = endHour * 60 + parseInt(endMin, 10);\n                            const durationMinutes = endMinutes - startMinutes;\n                            const hours = Math.floor(durationMinutes \/ 60);\n                            const mins = durationMinutes % 60;\n\n                            if ( hours > 0 && mins > 0 ) {\n                                duration = `${hours}h ${mins}min`;\n                            } else if ( hours > 0 ) {\n                                duration = `${hours}h`;\n                            } else if ( mins > 0 ) {\n                                duration = `${mins}min`;\n                            }\n                        }\n                    }\n\n                    const $overlay = $('<div>', {\n                        'class': 'workshop-modal-overlay',\n                        'role': 'dialog',\n                        'aria-modal': 'true',\n                        'aria-labelledby': 'workshop-modal-title'\n                    });\n\n                    $overlay.html(`\n                    <div class=\"workshop-modal-content\">\n                        <div class=\"workshop-modal-header\">\n                            <div>\n                                <h2 id=\"workshop-modal-title\" class=\"workshop-modal-title\">$<\/h2>\n                                ${instructor ? `<p class=\"workshop-modal-instructor\">${instructor}<\/p>` : ''}\n                            <\/div>\n                            <button class=\"workshop-modal-close\" aria-label=\"Close modal\">&times;<\/button>\n                        <\/div>\n                        <div class=\"workshop-modal-body\">\n                            ${time ? `<p class=\"workshop-modal-time\"><b>Time:<\/b> ${time}${duration ? ` (${duration})` : ''}<\/p>` : ''}\n                            ${details}\n                        <\/div>\n                        <div class=\"workshop-modal-footer\">\n                            <button class=\"workshop-modal-close-btn\">Close<\/button>\n                            ${actionUrl && actionLabel ? `<a href=\"${actionUrl}\">${actionLabel}<\/a>` : ''}\n                        <\/div>\n                    <\/div>\n                `);\n\n                    $('body').append($overlay);\n\n                    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n                    $('body').css({\n                        'overflow': 'hidden',\n                        'padding-right': scrollbarWidth + 'px'\n                    });\n\n                    setTimeout(() => $overlay.addClass('active'), 10);\n\n                    setTimeout(() => {\n                        $overlay.find('.workshop-modal-close').focus();\n                    }, 350);\n\n                    function closeModal() {\n                        $overlay.removeClass('active');\n                        setTimeout(() => {\n                            $overlay.remove();\n                            $('body').css({\n                                'overflow': '',\n                                'padding-right': ''\n                            });\n                            $triggerButton.focus();\n                        }, 300);\n                    }\n\n                    $overlay.find('.workshop-modal-close, .workshop-modal-close-btn').on('click', closeModal);\n\n                    $overlay.on('click', function(event) {\n                        if ( event.target === $overlay[0] ) {\n                            closeModal();\n                        }\n                    });\n\n                    function escapeHandler(event) {\n                        if ( event.key === 'Escape' ) {\n                            closeModal();\n                            $(document).off('keydown', escapeHandler);\n                        }\n                    }\n\n                    $(document).on('keydown', escapeHandler);\n                });\n            });\n        <\/script>\n    <div class=\"workshops-wrapper\">\n\n\t\t<style>\n\n\n\t\t\t\n\t\t\t.dc_accordion .dc_accordion-body:before{\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 10px;height: 1rem;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\n\t\t\t\n\n\n\t\t<\/style>\n\n\n\t\t<div id=\"september-2026\" class=\"new dc_accordion open  multiple\"  ><h2 class=\"dc_accordion-title highlighta\" ><a class=\"\" style=\"\" href=\"#september-2026\">September 2026<\/a><\/h2><div class=\"dc_accordion-body \" style=\"\" ><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4561\">Indigenous Perspectives: How decolonization and addressing climate change are interlinked.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Kanerahtiio Hemlock is the Indigenous Pedagogical Consultant at ÐÇ¿Õ´«Ã½, and he will give a 30-minute presentation followed by a 30-minute video clip before opening the floor for discussion.<\/p>\n<\/div>\n<\/td>\n<td><b>September 30, 2026<\/b>,&nbsp;<br \/>10:00am&nbsp;-&nbsp;11:30am<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4561\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<\/table><\/div><\/div>\n<div id=\"october-2026\" class=\"new dc_accordion open  multiple\"  ><h2 class=\"dc_accordion-title highlighta\" ><a class=\"\" style=\"\" href=\"#october-2026\">October 2026<\/a><\/h2><div class=\"dc_accordion-body \" style=\"\" ><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4562\">Indigenous Perspectives: Christopher Columbus and the Doctrine of Discovery<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Watch a short video and share a discussion on the true history, impact and legacy of Columbus and learn why native people do not celebrate Columbus Day.<\/p>\n<\/div>\n<\/td>\n<td><b>October 6, 2026<\/b>,&nbsp;<br \/>10:30am&nbsp;-&nbsp;11:45am<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4562\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4563\">Indigenous Perspectives: Christopher Columbus and the Doctrine of Discovery<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Watch a short video and share a discussion on the true history, impact and legacy of Columbus and learn why native people do not celebrate Columbus Day.<\/p>\n<\/div>\n<\/td>\n<td><b>October 7, 2026<\/b>,&nbsp;<br \/>2:00pm&nbsp;-&nbsp;3:15pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4563\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4564\">Indigenous Perspectives: 1990 Oka Crisis Documentary Series and Discussion.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Kanensatake 270 Years of Resistance: This Canadian documentary portrays the 1990 showdown between the Mohawk Nation and the predominantly white Quebec town of Oka, which is intent on developing land deemed sacred by the native people. When members of the Mohawk nation protest plan to expand a golf course into their territory, they form\u00a0a barricade,...<\/p>\n<\/div>\n<\/td>\n<td><b>October 13, 2026<\/b>,&nbsp;<br \/>10:00am&nbsp;-&nbsp;12:00pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4564\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4565\">Indigenous Perspectives: The Myth of the Bering Strait Theory.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Western society has long claimed that Native people migrated to this hemisphere around 13,000 years ago. Since the beginning, Native people have disputed this. Learn how science and recent discoveries have rendered the Bering Strait theory obsolete.<\/p>\n<\/div>\n<\/td>\n<td><b>October 20, 2026<\/b>,&nbsp;<br \/>10:30am&nbsp;-&nbsp;11:45am<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4565\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4567\">Indigenous Perspectives: The Myth of the Bering Strait Theory.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Western society has long claimed that Native people migrated to this hemisphere around 13,000 years ago. Since the beginning, Native people have disputed this. Learn how science and recent discoveries have rendered the Bering Strait theory obsolete.<\/p>\n<\/div>\n<\/td>\n<td><b>October 21, 2026<\/b>,&nbsp;<br \/>2:00pm&nbsp;-&nbsp;3:15pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4567\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4566\">Indigenous Perspectives: 1990 Oka Crisis Documentary Series and Discussion.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Acts of Defiance: This feature- length documentary recounts the events that surrounded and led to the Oka Crisis of the summer of 1990. The film focuses on the Mohawk territory of Kahnawake, in Quebec, but also reflects on the relationship between Canada and Indigenous peoples at a particular time in history.<\/p>\n<\/div>\n<\/td>\n<td><b>October 27, 2026<\/b>,&nbsp;<br \/>10:00am&nbsp;-&nbsp;12:00pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4566\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<\/table><\/div><\/div>\n<\/div>\n        <style>\n            tr.workshop-item table {\n                margin: 0;\n            }\n\n            tr.workshop-item td:first-child {\n                max-width: 350px;\n            }\n\n            tr.workshop-item td:nth-child(2) {\n                width: 170px;\n            }\n\n            tr.workshop-item td:last-child {\n                width: 190px;\n                text-align: right;\n            }\n\n            tr.workshop-item:nth-child(2n) td {\n                background: #f1f8ff;\n            }\n\n            table.workshops {\n                border-top: none !important;\n            }\n\n            table.workshops a {\n                text-decoration: none !important;\n                font-weight: 600;\n            }\n\n            .workshops {\n                width: 100%;\n                border-collapse: collapse;\n                margin: 0;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title {\n                background-color: #0056b7 !important;\n                color: #fff;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title a {\n\n                color: #fff;\n            }\n\n            .workshops th,\n            .workshops td {\n                padding: 12px;\n                text-align: left;\n                border-bottom: 1px solid #ddd;\n                vertical-align: middle;\n            }\n\n            .workshop-action-link {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border-radius: 4px;\n                background-color: #23961d;\n                color: #fff !important;\n                font-size: 14px;\n                line-height: 1.2;\n                text-align: center;\n                white-space: nowrap;\n            }\n\n            .workshop-action-link:hover {\n                background-color: #0052a3;\n                color: #fff !important;\n            }\n\n            .workshop-action-link:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            .workshop-item button {\n                min-width: 90px;\n            }\n\n            .workshop-details-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border: 1px solid #c8d4e3;\n                border-radius: 4px;\n                background-color: #fff;\n                color: #1d3557;\n                font-size: 14px;\n                line-height: 1.2;\n                white-space: nowrap;\n            }\n\n            .workshop-actions {\n                display: flex;\n                flex-direction: column;\n                align-items: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-actions:empty {\n                display: none;\n            }\n\n            .workshop-title-row {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                flex-wrap: wrap;\n            }\n\n            .workshop-status-pill {\n                display: inline-flex;\n                align-items: center;\n                padding: 2px 10px;\n                border-radius: 999px;\n                font-size: 12px;\n                font-weight: 600;\n                line-height: 1.4;\n                white-space: nowrap;\n            }\n\n            .workshop-status-pill--cancelled {\n                background: #f8d7da;\n                color: #7a1f14;\n            }\n\n            .workshop-status-pill--closed {\n                background: #dbeafe;\n                color: #17406d;\n            }\n\n            .workshop-status-pill--full {\n                background: #dcfce7;\n                color: #166534;\n            }\n\n            .workshop-details-button:hover {\n                background-color: #edf4fb;\n                border-color: #9db6d3;\n            }\n\n            .workshop-details-button:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            \/* Modal styles - add these to your CSS *\/\n            .workshop-modal-overlay {\n                display: none;\n                position: fixed;\n                z-index: 1000;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                overflow: auto;\n                background-color: rgba(0, 0, 0, 0.7);\n                animation: fadeIn 0.3s;\n                align-items: center;\n                justify-content: center;\n                padding: 20px;\n            }\n\n            .workshop-modal-overlay.active {\n                display: flex;\n            }\n\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n\n                to {\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-content {\n                background-color: white;\n                border-radius: 8px;\n                max-width: 600px;\n                width: 100%;\n                max-height: 90vh;\n                overflow-y: auto;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                animation: slideIn 0.3s;\n            }\n\n            @keyframes slideIn {\n                from {\n                    transform: translateY(-50px);\n                    opacity: 0;\n                }\n\n                to {\n                    transform: translateY(0);\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-header {\n                padding: 20px;\n                border-bottom: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                background: #0266cc;\n                color: #fff;\n            }\n\n            .workshop-modal-title {\n                margin: 0;\n                font-size: 2.25rem;\n                font-weight: bold;\n                padding-right: 20px;\n            }\n\n            .workshop-modal-instructor {\n                margin: 5px 0 0 0;\n                font-style: italic;\n                color: #f8f8f8;\n            }\n\n            .workshop-modal-close {\n                background: none;\n                border: none;\n                font-size: 28px;\n                cursor: pointer;\n                color: #666;\n                padding: 0;\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 4px;\n                flex-shrink: 0;\n            }\n\n            .workshop-modal-close:hover {\n                background-color: #f0f0f0;\n                color: #333;\n            }\n\n            .workshop-modal-close:focus {\n                outline: 2px solid #0066cc;\n                outline-offset: 2px;\n            }\n\n            .workshop-modal-body {\n                padding: 20px;\n                line-height: 1.6;\n            }\n\n            .workshop-modal-time {\n                margin-top: 0;\n                padding-top: 0;\n            }\n\n            .workshop-modal-footer {\n                padding: 15px 20px;\n                border-top: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-modal-footer a,\n            .workshop-modal-footer button {\n                padding: 10px 20px;\n                border-radius: 4px;\n                text-decoration: none;\n                font-size: 14px;\n                cursor: pointer;\n                border: none;\n            }\n\n            .workshop-modal-footer a {\n                background-color: #23961d;\n                color: white;\n            }\n\n            .workshop-modal-footer a:hover {\n                background-color: #0052a3;\n            }\n\n            .workshop-modal-footer button {\n                background-color: #e0e0e0;\n                color: #333;\n            }\n\n            .workshop-modal-footer button:hover {\n                background-color: #d0d0d0;\n            }\n\n            @media (max-width: 768px) {\n                tr.workshop-item td:last-child {\n                    text-align: left;\n                }\n\n                .workshop-actions {\n                    align-items: flex-start;\n                }\n\n                .workshop-modal-content {\n                    margin: 10px;\n                    max-height: 95vh;\n                }\n\n                .workshop-modal-header {\n                    padding: 15px;\n                }\n\n                .workshop-modal-title {\n                    font-size: 22px;\n                }\n\n                .workshop-modal-body {\n                    padding: 15px;\n                }\n            }\n            a.workshop-action-link[href*=\"waitlist=1\"] {\n                \/* Your styles here *\/\n                background-color: #757575;\n            \n            }\n\n        <\/style>\n        <script>\n            jQuery(document).ready(function($) {\n                $(document).on('click', '.workshop-item button', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const $triggerButton = $(this);\n                    const $row = $triggerButton.closest('.workshop-item');\n                    const $titleLink = $row.find('td:first-child a').first();\n                    const title = $titleLink.text().trim();\n                    const $instructorEm = $row.find('em').first();\n                    const instructor = $instructorEm.length ? $instructorEm.text().trim() : '';\n                    const $detailsDiv = $row.find('.event-details').first();\n                    const details = $detailsDiv.length ? $detailsDiv.html() : '';\n                    const $timeCell = $row.find('td').eq(1);\n                    const time = $timeCell.length ? $timeCell.text().trim() : '';\n                    const $actionLink = $row.find('.workshop-actions').first().find('a.workshop-action-link').first();\n                    const actionLabel = $actionLink.length ? $actionLink.text().trim() : '';\n                    const actionUrl = $actionLink.length ? ($actionLink.attr('href') || '') : '';\n\n                    let duration = '';\n\n                    if ( time ) {\n                        const timeMatch = time.match(\/(\\d+):(\\d+)(am|pm).*?(\\d+):(\\d+)(am|pm)\/i);\n\n                        if ( timeMatch ) {\n                            let [_, startHour, startMin, startPeriod, endHour, endMin, endPeriod] = timeMatch;\n                            startHour = parseInt(startHour, 10);\n                            endHour = parseInt(endHour, 10);\n\n                            if ( startPeriod.toLowerCase() === 'pm' && startHour !== 12 ) startHour += 12;\n                            if ( startPeriod.toLowerCase() === 'am' && startHour === 12 ) startHour = 0;\n                            if ( endPeriod.toLowerCase() === 'pm' && endHour !== 12 ) endHour += 12;\n                            if ( endPeriod.toLowerCase() === 'am' && endHour === 12 ) endHour = 0;\n\n                            const startMinutes = startHour * 60 + parseInt(startMin, 10);\n                            const endMinutes = endHour * 60 + parseInt(endMin, 10);\n                            const durationMinutes = endMinutes - startMinutes;\n                            const hours = Math.floor(durationMinutes \/ 60);\n                            const mins = durationMinutes % 60;\n\n                            if ( hours > 0 && mins > 0 ) {\n                                duration = `${hours}h ${mins}min`;\n                            } else if ( hours > 0 ) {\n                                duration = `${hours}h`;\n                            } else if ( mins > 0 ) {\n                                duration = `${mins}min`;\n                            }\n                        }\n                    }\n\n                    const $overlay = $('<div>', {\n                        'class': 'workshop-modal-overlay',\n                        'role': 'dialog',\n                        'aria-modal': 'true',\n                        'aria-labelledby': 'workshop-modal-title'\n                    });\n\n                    $overlay.html(`\n                    <div class=\"workshop-modal-content\">\n                        <div class=\"workshop-modal-header\">\n                            <div>\n                                <h2 id=\"workshop-modal-title\" class=\"workshop-modal-title\">$<\/h2>\n                                ${instructor ? `<p class=\"workshop-modal-instructor\">${instructor}<\/p>` : ''}\n                            <\/div>\n                            <button class=\"workshop-modal-close\" aria-label=\"Close modal\">&times;<\/button>\n                        <\/div>\n                        <div class=\"workshop-modal-body\">\n                            ${time ? `<p class=\"workshop-modal-time\"><b>Time:<\/b> ${time}${duration ? ` (${duration})` : ''}<\/p>` : ''}\n                            ${details}\n                        <\/div>\n                        <div class=\"workshop-modal-footer\">\n                            <button class=\"workshop-modal-close-btn\">Close<\/button>\n                            ${actionUrl && actionLabel ? `<a href=\"${actionUrl}\">${actionLabel}<\/a>` : ''}\n                        <\/div>\n                    <\/div>\n                `);\n\n                    $('body').append($overlay);\n\n                    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n                    $('body').css({\n                        'overflow': 'hidden',\n                        'padding-right': scrollbarWidth + 'px'\n                    });\n\n                    setTimeout(() => $overlay.addClass('active'), 10);\n\n                    setTimeout(() => {\n                        $overlay.find('.workshop-modal-close').focus();\n                    }, 350);\n\n                    function closeModal() {\n                        $overlay.removeClass('active');\n                        setTimeout(() => {\n                            $overlay.remove();\n                            $('body').css({\n                                'overflow': '',\n                                'padding-right': ''\n                            });\n                            $triggerButton.focus();\n                        }, 300);\n                    }\n\n                    $overlay.find('.workshop-modal-close, .workshop-modal-close-btn').on('click', closeModal);\n\n                    $overlay.on('click', function(event) {\n                        if ( event.target === $overlay[0] ) {\n                            closeModal();\n                        }\n                    });\n\n                    function escapeHandler(event) {\n                        if ( event.key === 'Escape' ) {\n                            closeModal();\n                            $(document).off('keydown', escapeHandler);\n                        }\n                    }\n\n                    $(document).on('keydown', escapeHandler);\n                });\n            });\n        <\/script>\n    <div class=\"workshops-wrapper\">\n<\/div>\n        <style>\n            tr.workshop-item table {\n                margin: 0;\n            }\n\n            tr.workshop-item td:first-child {\n                max-width: 350px;\n            }\n\n            tr.workshop-item td:nth-child(2) {\n                width: 170px;\n            }\n\n            tr.workshop-item td:last-child {\n                width: 190px;\n                text-align: right;\n            }\n\n            tr.workshop-item:nth-child(2n) td {\n                background: #f1f8ff;\n            }\n\n            table.workshops {\n                border-top: none !important;\n            }\n\n            table.workshops a {\n                text-decoration: none !important;\n                font-weight: 600;\n            }\n\n            .workshops {\n                width: 100%;\n                border-collapse: collapse;\n                margin: 0;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title {\n                background-color: #0056b7 !important;\n                color: #fff;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title a {\n\n                color: #fff;\n            }\n\n            .workshops th,\n            .workshops td {\n                padding: 12px;\n                text-align: left;\n                border-bottom: 1px solid #ddd;\n                vertical-align: middle;\n            }\n\n            .workshop-action-link {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border-radius: 4px;\n                background-color: #23961d;\n                color: #fff !important;\n                font-size: 14px;\n                line-height: 1.2;\n                text-align: center;\n                white-space: nowrap;\n            }\n\n            .workshop-action-link:hover {\n                background-color: #0052a3;\n                color: #fff !important;\n            }\n\n            .workshop-action-link:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            .workshop-item button {\n                min-width: 90px;\n            }\n\n            .workshop-details-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border: 1px solid #c8d4e3;\n                border-radius: 4px;\n                background-color: #fff;\n                color: #1d3557;\n                font-size: 14px;\n                line-height: 1.2;\n                white-space: nowrap;\n            }\n\n            .workshop-actions {\n                display: flex;\n                flex-direction: column;\n                align-items: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-actions:empty {\n                display: none;\n            }\n\n            .workshop-title-row {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                flex-wrap: wrap;\n            }\n\n            .workshop-status-pill {\n                display: inline-flex;\n                align-items: center;\n                padding: 2px 10px;\n                border-radius: 999px;\n                font-size: 12px;\n                font-weight: 600;\n                line-height: 1.4;\n                white-space: nowrap;\n            }\n\n            .workshop-status-pill--cancelled {\n                background: #f8d7da;\n                color: #7a1f14;\n            }\n\n            .workshop-status-pill--closed {\n                background: #dbeafe;\n                color: #17406d;\n            }\n\n            .workshop-status-pill--full {\n                background: #dcfce7;\n                color: #166534;\n            }\n\n            .workshop-details-button:hover {\n                background-color: #edf4fb;\n                border-color: #9db6d3;\n            }\n\n            .workshop-details-button:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            \/* Modal styles - add these to your CSS *\/\n            .workshop-modal-overlay {\n                display: none;\n                position: fixed;\n                z-index: 1000;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                overflow: auto;\n                background-color: rgba(0, 0, 0, 0.7);\n                animation: fadeIn 0.3s;\n                align-items: center;\n                justify-content: center;\n                padding: 20px;\n            }\n\n            .workshop-modal-overlay.active {\n                display: flex;\n            }\n\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n\n                to {\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-content {\n                background-color: white;\n                border-radius: 8px;\n                max-width: 600px;\n                width: 100%;\n                max-height: 90vh;\n                overflow-y: auto;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                animation: slideIn 0.3s;\n            }\n\n            @keyframes slideIn {\n                from {\n                    transform: translateY(-50px);\n                    opacity: 0;\n                }\n\n                to {\n                    transform: translateY(0);\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-header {\n                padding: 20px;\n                border-bottom: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                background: #0266cc;\n                color: #fff;\n            }\n\n            .workshop-modal-title {\n                margin: 0;\n                font-size: 2.25rem;\n                font-weight: bold;\n                padding-right: 20px;\n            }\n\n            .workshop-modal-instructor {\n                margin: 5px 0 0 0;\n                font-style: italic;\n                color: #f8f8f8;\n            }\n\n            .workshop-modal-close {\n                background: none;\n                border: none;\n                font-size: 28px;\n                cursor: pointer;\n                color: #666;\n                padding: 0;\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 4px;\n                flex-shrink: 0;\n            }\n\n            .workshop-modal-close:hover {\n                background-color: #f0f0f0;\n                color: #333;\n            }\n\n            .workshop-modal-close:focus {\n                outline: 2px solid #0066cc;\n                outline-offset: 2px;\n            }\n\n            .workshop-modal-body {\n                padding: 20px;\n                line-height: 1.6;\n            }\n\n            .workshop-modal-time {\n                margin-top: 0;\n                padding-top: 0;\n            }\n\n            .workshop-modal-footer {\n                padding: 15px 20px;\n                border-top: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-modal-footer a,\n            .workshop-modal-footer button {\n                padding: 10px 20px;\n                border-radius: 4px;\n                text-decoration: none;\n                font-size: 14px;\n                cursor: pointer;\n                border: none;\n            }\n\n            .workshop-modal-footer a {\n                background-color: #23961d;\n                color: white;\n            }\n\n            .workshop-modal-footer a:hover {\n                background-color: #0052a3;\n            }\n\n            .workshop-modal-footer button {\n                background-color: #e0e0e0;\n                color: #333;\n            }\n\n            .workshop-modal-footer button:hover {\n                background-color: #d0d0d0;\n            }\n\n            @media (max-width: 768px) {\n                tr.workshop-item td:last-child {\n                    text-align: left;\n                }\n\n                .workshop-actions {\n                    align-items: flex-start;\n                }\n\n                .workshop-modal-content {\n                    margin: 10px;\n                    max-height: 95vh;\n                }\n\n                .workshop-modal-header {\n                    padding: 15px;\n                }\n\n                .workshop-modal-title {\n                    font-size: 22px;\n                }\n\n                .workshop-modal-body {\n                    padding: 15px;\n                }\n            }\n            a.workshop-action-link[href*=\"waitlist=1\"] {\n                \/* Your styles here *\/\n                background-color: #757575;\n            \n            }\n\n        <\/style>\n        <script>\n            jQuery(document).ready(function($) {\n                $(document).on('click', '.workshop-item button', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const $triggerButton = $(this);\n                    const $row = $triggerButton.closest('.workshop-item');\n                    const $titleLink = $row.find('td:first-child a').first();\n                    const title = $titleLink.text().trim();\n                    const $instructorEm = $row.find('em').first();\n                    const instructor = $instructorEm.length ? $instructorEm.text().trim() : '';\n                    const $detailsDiv = $row.find('.event-details').first();\n                    const details = $detailsDiv.length ? $detailsDiv.html() : '';\n                    const $timeCell = $row.find('td').eq(1);\n                    const time = $timeCell.length ? $timeCell.text().trim() : '';\n                    const $actionLink = $row.find('.workshop-actions').first().find('a.workshop-action-link').first();\n                    const actionLabel = $actionLink.length ? $actionLink.text().trim() : '';\n                    const actionUrl = $actionLink.length ? ($actionLink.attr('href') || '') : '';\n\n                    let duration = '';\n\n                    if ( time ) {\n                        const timeMatch = time.match(\/(\\d+):(\\d+)(am|pm).*?(\\d+):(\\d+)(am|pm)\/i);\n\n                        if ( timeMatch ) {\n                            let [_, startHour, startMin, startPeriod, endHour, endMin, endPeriod] = timeMatch;\n                            startHour = parseInt(startHour, 10);\n                            endHour = parseInt(endHour, 10);\n\n                            if ( startPeriod.toLowerCase() === 'pm' && startHour !== 12 ) startHour += 12;\n                            if ( startPeriod.toLowerCase() === 'am' && startHour === 12 ) startHour = 0;\n                            if ( endPeriod.toLowerCase() === 'pm' && endHour !== 12 ) endHour += 12;\n                            if ( endPeriod.toLowerCase() === 'am' && endHour === 12 ) endHour = 0;\n\n                            const startMinutes = startHour * 60 + parseInt(startMin, 10);\n                            const endMinutes = endHour * 60 + parseInt(endMin, 10);\n                            const durationMinutes = endMinutes - startMinutes;\n                            const hours = Math.floor(durationMinutes \/ 60);\n                            const mins = durationMinutes % 60;\n\n                            if ( hours > 0 && mins > 0 ) {\n                                duration = `${hours}h ${mins}min`;\n                            } else if ( hours > 0 ) {\n                                duration = `${hours}h`;\n                            } else if ( mins > 0 ) {\n                                duration = `${mins}min`;\n                            }\n                        }\n                    }\n\n                    const $overlay = $('<div>', {\n                        'class': 'workshop-modal-overlay',\n                        'role': 'dialog',\n                        'aria-modal': 'true',\n                        'aria-labelledby': 'workshop-modal-title'\n                    });\n\n                    $overlay.html(`\n                    <div class=\"workshop-modal-content\">\n                        <div class=\"workshop-modal-header\">\n                            <div>\n                                <h2 id=\"workshop-modal-title\" class=\"workshop-modal-title\">$<\/h2>\n                                ${instructor ? `<p class=\"workshop-modal-instructor\">${instructor}<\/p>` : ''}\n                            <\/div>\n                            <button class=\"workshop-modal-close\" aria-label=\"Close modal\">&times;<\/button>\n                        <\/div>\n                        <div class=\"workshop-modal-body\">\n                            ${time ? `<p class=\"workshop-modal-time\"><b>Time:<\/b> ${time}${duration ? ` (${duration})` : ''}<\/p>` : ''}\n                            ${details}\n                        <\/div>\n                        <div class=\"workshop-modal-footer\">\n                            <button class=\"workshop-modal-close-btn\">Close<\/button>\n                            ${actionUrl && actionLabel ? `<a href=\"${actionUrl}\">${actionLabel}<\/a>` : ''}\n                        <\/div>\n                    <\/div>\n                `);\n\n                    $('body').append($overlay);\n\n                    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n                    $('body').css({\n                        'overflow': 'hidden',\n                        'padding-right': scrollbarWidth + 'px'\n                    });\n\n                    setTimeout(() => $overlay.addClass('active'), 10);\n\n                    setTimeout(() => {\n                        $overlay.find('.workshop-modal-close').focus();\n                    }, 350);\n\n                    function closeModal() {\n                        $overlay.removeClass('active');\n                        setTimeout(() => {\n                            $overlay.remove();\n                            $('body').css({\n                                'overflow': '',\n                                'padding-right': ''\n                            });\n                            $triggerButton.focus();\n                        }, 300);\n                    }\n\n                    $overlay.find('.workshop-modal-close, .workshop-modal-close-btn').on('click', closeModal);\n\n                    $overlay.on('click', function(event) {\n                        if ( event.target === $overlay[0] ) {\n                            closeModal();\n                        }\n                    });\n\n                    function escapeHandler(event) {\n                        if ( event.key === 'Escape' ) {\n                            closeModal();\n                            $(document).off('keydown', escapeHandler);\n                        }\n                    }\n\n                    $(document).on('keydown', escapeHandler);\n                });\n            });\n        <\/script>\n    <div class=\"workshops-wrapper\">\n<div id=\"november-2026\" class=\"new dc_accordion open  multiple\"  ><h2 class=\"dc_accordion-title highlighta\" ><a class=\"\" style=\"\" href=\"#november-2026\">November 2026<\/a><\/h2><div class=\"dc_accordion-body \" style=\"\" ><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4568\">Indigenous Perspectives: Basic Call to Consciousness. Part 1: The Haudenosaunee Message to the Western World at Geneva Switzerland, Autumn 1977<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>This presentation will consist of the reading and discussion of two chapters: Spiritualism, the highest form of political consciousness and The obvious fact of our continuing existence; legal history of the Haudenosaunee.<\/p>\n<\/div>\n<\/td>\n<td><b>November 3, 2026<\/b>,&nbsp;<br \/>10:30am&nbsp;-&nbsp;11:45am<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4568\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4569\">Indigenous Perspectives: Basic Call to Consciousness. Part 1: The Haudenosaunee Message to the Western World at Geneva Switzerland, Autumn 1977<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>This presentation will consist of the reading and discussion of two chapters: Spiritualism, the highest form of political consciousness and The obvious fact of our continuing existence; legal history of the Haudenosaunee.<\/p>\n<\/div>\n<\/td>\n<td><b>November 4, 2026<\/b>,&nbsp;<br \/>2:00pm&nbsp;-&nbsp;3:15pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4569\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4570\">Indigenous Perspectives: 1990 Oka Crisis Documentary Series and Discussion.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Spudwrench: This documentary by acclaimed filmmaker Alanis Obomsawin introduces us to Randy Horn, a high steel worker from the Mohawk community of Kahnawake, near Montreal. As a defender of his people\u2019s culture and traditions, he was known as \u201cSpudwrench\u201d during the 1990 Oka crisis. Offering a unique look behind the barricades at one man\u2019s impassioned...<\/p>\n<\/div>\n<\/td>\n<td><b>November 10, 2026<\/b>,&nbsp;<br \/>10:00am&nbsp;-&nbsp;12:00pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4570\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4571\">Indigenous Perspectives: Basic Call to Consciousness. Part 2: The Haudenosaunee Message to the Western World at Geneva Switzerland, Autumn 1977<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>This presentation will consist of the reading and discussion of two chapters: Policies of oppression in the name of \u201cDemocracy\u201d and Our strategy for survival.<\/p>\n<\/div>\n<\/td>\n<td><b>November 24, 2026<\/b>,&nbsp;<br \/>2:00pm&nbsp;-&nbsp;3:15pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4571\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4572\">Indigenous Perspectives: Basic Call to Consciousness. Part 2: The Haudenosaunee Message to the Western World at Geneva Switzerland, Autumn 1977<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>This presentation will consist of the reading and discussion of two chapters: Policies of oppression in the name of \u201cDemocracy\u201d and Our strategy for survival.<\/p>\n<\/div>\n<\/td>\n<td><b>November 25, 2026<\/b>,&nbsp;<br \/>10:30am&nbsp;-&nbsp;11:45am<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4572\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<\/table><\/div><\/div>\n<\/div>\n        <style>\n            tr.workshop-item table {\n                margin: 0;\n            }\n\n            tr.workshop-item td:first-child {\n                max-width: 350px;\n            }\n\n            tr.workshop-item td:nth-child(2) {\n                width: 170px;\n            }\n\n            tr.workshop-item td:last-child {\n                width: 190px;\n                text-align: right;\n            }\n\n            tr.workshop-item:nth-child(2n) td {\n                background: #f1f8ff;\n            }\n\n            table.workshops {\n                border-top: none !important;\n            }\n\n            table.workshops a {\n                text-decoration: none !important;\n                font-weight: 600;\n            }\n\n            .workshops {\n                width: 100%;\n                border-collapse: collapse;\n                margin: 0;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title {\n                background-color: #0056b7 !important;\n                color: #fff;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title a {\n\n                color: #fff;\n            }\n\n            .workshops th,\n            .workshops td {\n                padding: 12px;\n                text-align: left;\n                border-bottom: 1px solid #ddd;\n                vertical-align: middle;\n            }\n\n            .workshop-action-link {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border-radius: 4px;\n                background-color: #23961d;\n                color: #fff !important;\n                font-size: 14px;\n                line-height: 1.2;\n                text-align: center;\n                white-space: nowrap;\n            }\n\n            .workshop-action-link:hover {\n                background-color: #0052a3;\n                color: #fff !important;\n            }\n\n            .workshop-action-link:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            .workshop-item button {\n                min-width: 90px;\n            }\n\n            .workshop-details-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border: 1px solid #c8d4e3;\n                border-radius: 4px;\n                background-color: #fff;\n                color: #1d3557;\n                font-size: 14px;\n                line-height: 1.2;\n                white-space: nowrap;\n            }\n\n            .workshop-actions {\n                display: flex;\n                flex-direction: column;\n                align-items: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-actions:empty {\n                display: none;\n            }\n\n            .workshop-title-row {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                flex-wrap: wrap;\n            }\n\n            .workshop-status-pill {\n                display: inline-flex;\n                align-items: center;\n                padding: 2px 10px;\n                border-radius: 999px;\n                font-size: 12px;\n                font-weight: 600;\n                line-height: 1.4;\n                white-space: nowrap;\n            }\n\n            .workshop-status-pill--cancelled {\n                background: #f8d7da;\n                color: #7a1f14;\n            }\n\n            .workshop-status-pill--closed {\n                background: #dbeafe;\n                color: #17406d;\n            }\n\n            .workshop-status-pill--full {\n                background: #dcfce7;\n                color: #166534;\n            }\n\n            .workshop-details-button:hover {\n                background-color: #edf4fb;\n                border-color: #9db6d3;\n            }\n\n            .workshop-details-button:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            \/* Modal styles - add these to your CSS *\/\n            .workshop-modal-overlay {\n                display: none;\n                position: fixed;\n                z-index: 1000;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                overflow: auto;\n                background-color: rgba(0, 0, 0, 0.7);\n                animation: fadeIn 0.3s;\n                align-items: center;\n                justify-content: center;\n                padding: 20px;\n            }\n\n            .workshop-modal-overlay.active {\n                display: flex;\n            }\n\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n\n                to {\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-content {\n                background-color: white;\n                border-radius: 8px;\n                max-width: 600px;\n                width: 100%;\n                max-height: 90vh;\n                overflow-y: auto;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                animation: slideIn 0.3s;\n            }\n\n            @keyframes slideIn {\n                from {\n                    transform: translateY(-50px);\n                    opacity: 0;\n                }\n\n                to {\n                    transform: translateY(0);\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-header {\n                padding: 20px;\n                border-bottom: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                background: #0266cc;\n                color: #fff;\n            }\n\n            .workshop-modal-title {\n                margin: 0;\n                font-size: 2.25rem;\n                font-weight: bold;\n                padding-right: 20px;\n            }\n\n            .workshop-modal-instructor {\n                margin: 5px 0 0 0;\n                font-style: italic;\n                color: #f8f8f8;\n            }\n\n            .workshop-modal-close {\n                background: none;\n                border: none;\n                font-size: 28px;\n                cursor: pointer;\n                color: #666;\n                padding: 0;\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 4px;\n                flex-shrink: 0;\n            }\n\n            .workshop-modal-close:hover {\n                background-color: #f0f0f0;\n                color: #333;\n            }\n\n            .workshop-modal-close:focus {\n                outline: 2px solid #0066cc;\n                outline-offset: 2px;\n            }\n\n            .workshop-modal-body {\n                padding: 20px;\n                line-height: 1.6;\n            }\n\n            .workshop-modal-time {\n                margin-top: 0;\n                padding-top: 0;\n            }\n\n            .workshop-modal-footer {\n                padding: 15px 20px;\n                border-top: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-modal-footer a,\n            .workshop-modal-footer button {\n                padding: 10px 20px;\n                border-radius: 4px;\n                text-decoration: none;\n                font-size: 14px;\n                cursor: pointer;\n                border: none;\n            }\n\n            .workshop-modal-footer a {\n                background-color: #23961d;\n                color: white;\n            }\n\n            .workshop-modal-footer a:hover {\n                background-color: #0052a3;\n            }\n\n            .workshop-modal-footer button {\n                background-color: #e0e0e0;\n                color: #333;\n            }\n\n            .workshop-modal-footer button:hover {\n                background-color: #d0d0d0;\n            }\n\n            @media (max-width: 768px) {\n                tr.workshop-item td:last-child {\n                    text-align: left;\n                }\n\n                .workshop-actions {\n                    align-items: flex-start;\n                }\n\n                .workshop-modal-content {\n                    margin: 10px;\n                    max-height: 95vh;\n                }\n\n                .workshop-modal-header {\n                    padding: 15px;\n                }\n\n                .workshop-modal-title {\n                    font-size: 22px;\n                }\n\n                .workshop-modal-body {\n                    padding: 15px;\n                }\n            }\n            a.workshop-action-link[href*=\"waitlist=1\"] {\n                \/* Your styles here *\/\n                background-color: #757575;\n            \n            }\n\n        <\/style>\n        <script>\n            jQuery(document).ready(function($) {\n                $(document).on('click', '.workshop-item button', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const $triggerButton = $(this);\n                    const $row = $triggerButton.closest('.workshop-item');\n                    const $titleLink = $row.find('td:first-child a').first();\n                    const title = $titleLink.text().trim();\n                    const $instructorEm = $row.find('em').first();\n                    const instructor = $instructorEm.length ? $instructorEm.text().trim() : '';\n                    const $detailsDiv = $row.find('.event-details').first();\n                    const details = $detailsDiv.length ? $detailsDiv.html() : '';\n                    const $timeCell = $row.find('td').eq(1);\n                    const time = $timeCell.length ? $timeCell.text().trim() : '';\n                    const $actionLink = $row.find('.workshop-actions').first().find('a.workshop-action-link').first();\n                    const actionLabel = $actionLink.length ? $actionLink.text().trim() : '';\n                    const actionUrl = $actionLink.length ? ($actionLink.attr('href') || '') : '';\n\n                    let duration = '';\n\n                    if ( time ) {\n                        const timeMatch = time.match(\/(\\d+):(\\d+)(am|pm).*?(\\d+):(\\d+)(am|pm)\/i);\n\n                        if ( timeMatch ) {\n                            let [_, startHour, startMin, startPeriod, endHour, endMin, endPeriod] = timeMatch;\n                            startHour = parseInt(startHour, 10);\n                            endHour = parseInt(endHour, 10);\n\n                            if ( startPeriod.toLowerCase() === 'pm' && startHour !== 12 ) startHour += 12;\n                            if ( startPeriod.toLowerCase() === 'am' && startHour === 12 ) startHour = 0;\n                            if ( endPeriod.toLowerCase() === 'pm' && endHour !== 12 ) endHour += 12;\n                            if ( endPeriod.toLowerCase() === 'am' && endHour === 12 ) endHour = 0;\n\n                            const startMinutes = startHour * 60 + parseInt(startMin, 10);\n                            const endMinutes = endHour * 60 + parseInt(endMin, 10);\n                            const durationMinutes = endMinutes - startMinutes;\n                            const hours = Math.floor(durationMinutes \/ 60);\n                            const mins = durationMinutes % 60;\n\n                            if ( hours > 0 && mins > 0 ) {\n                                duration = `${hours}h ${mins}min`;\n                            } else if ( hours > 0 ) {\n                                duration = `${hours}h`;\n                            } else if ( mins > 0 ) {\n                                duration = `${mins}min`;\n                            }\n                        }\n                    }\n\n                    const $overlay = $('<div>', {\n                        'class': 'workshop-modal-overlay',\n                        'role': 'dialog',\n                        'aria-modal': 'true',\n                        'aria-labelledby': 'workshop-modal-title'\n                    });\n\n                    $overlay.html(`\n                    <div class=\"workshop-modal-content\">\n                        <div class=\"workshop-modal-header\">\n                            <div>\n                                <h2 id=\"workshop-modal-title\" class=\"workshop-modal-title\">$<\/h2>\n                                ${instructor ? `<p class=\"workshop-modal-instructor\">${instructor}<\/p>` : ''}\n                            <\/div>\n                            <button class=\"workshop-modal-close\" aria-label=\"Close modal\">&times;<\/button>\n                        <\/div>\n                        <div class=\"workshop-modal-body\">\n                            ${time ? `<p class=\"workshop-modal-time\"><b>Time:<\/b> ${time}${duration ? ` (${duration})` : ''}<\/p>` : ''}\n                            ${details}\n                        <\/div>\n                        <div class=\"workshop-modal-footer\">\n                            <button class=\"workshop-modal-close-btn\">Close<\/button>\n                            ${actionUrl && actionLabel ? `<a href=\"${actionUrl}\">${actionLabel}<\/a>` : ''}\n                        <\/div>\n                    <\/div>\n                `);\n\n                    $('body').append($overlay);\n\n                    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n                    $('body').css({\n                        'overflow': 'hidden',\n                        'padding-right': scrollbarWidth + 'px'\n                    });\n\n                    setTimeout(() => $overlay.addClass('active'), 10);\n\n                    setTimeout(() => {\n                        $overlay.find('.workshop-modal-close').focus();\n                    }, 350);\n\n                    function closeModal() {\n                        $overlay.removeClass('active');\n                        setTimeout(() => {\n                            $overlay.remove();\n                            $('body').css({\n                                'overflow': '',\n                                'padding-right': ''\n                            });\n                            $triggerButton.focus();\n                        }, 300);\n                    }\n\n                    $overlay.find('.workshop-modal-close, .workshop-modal-close-btn').on('click', closeModal);\n\n                    $overlay.on('click', function(event) {\n                        if ( event.target === $overlay[0] ) {\n                            closeModal();\n                        }\n                    });\n\n                    function escapeHandler(event) {\n                        if ( event.key === 'Escape' ) {\n                            closeModal();\n                            $(document).off('keydown', escapeHandler);\n                        }\n                    }\n\n                    $(document).on('keydown', escapeHandler);\n                });\n            });\n        <\/script>\n    <div class=\"workshops-wrapper\">\n<div id=\"december-2026\" class=\"new dc_accordion open  multiple\"  ><h2 class=\"dc_accordion-title highlighta\" ><a class=\"\" style=\"\" href=\"#december-2026\">December 2026<\/a><\/h2><div class=\"dc_accordion-body \" style=\"\" ><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4573\">Indigenous Perspectives: 1990 Oka Crisis Documentary Series and Discussion.<\/a><\/div>\n<p> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Rocks at Whiskey Trench: Directed by\u00a0Alanis Obomsawin\u00a0and released in 2000,\u00a0the film centers on the Honore Mercier Bridge\u00a0blockade of 1990 during the Oka Crisis, focusing in particular on the incident when a group of Mohawk\u00a0women, children and elders from Kahnawake, in the process of being evacuated from the community due to fears of a\u00a0Canadian Forces\u00a0occupation, were...<\/p>\n<\/div>\n<\/td>\n<td><b>December 1, 2026<\/b>,&nbsp;<br \/>10:00am&nbsp;-&nbsp;12:00pm<\/td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4573\">Register<\/a><button type=\"button\" class=\"workshop-details-button\">Details<\/button><\/div>\n<\/td>\n<\/tr>\n<\/table><\/div><\/div>\n<\/div>\n<p>Please note:<\/p>\n<p>Registration is required for all events.<\/p>\n<p>&nbsp;<\/p>\n<p>Questions? Contact Tiio Hemlock <a href=\"mailto:themlock@dawsoncollege.qc.ca\">themlock@dawsoncollege.qc.ca<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><em> If you are interested in taking part in a workshop but the available times do not work for you, please send us a message <a href=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=emq2trv7uEKnxXEjQglO76y45kDpzAZDt8YX9EvMUzlUQzM2RTBIUkJRRUNIRVNOSEY1UjBVSVFOSy4u\">here<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Workshops Schedule and Registration Please note: Registration is required for all events. &nbsp; Questions? Contact Tiio Hemlock themlock@dawsoncollege.qc.ca &nbsp; If you are interested in taking part in a workshop but the available times do not work for you, please send us a message here.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4056","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/pages\/4056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/comments?post=4056"}],"version-history":[{"count":11,"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/pages\/4056\/revisions"}],"predecessor-version":[{"id":4575,"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/pages\/4056\/revisions\/4575"}],"wp:attachment":[{"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/media?parent=4056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}