{"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-04-10T14:53:00","modified_gmt":"2026-04-10T18:53:00","slug":"indigenous-perspectives","status":"publish","type":"page","link":"https:\/\/www.dawsoncollege.qc.ca\/oad\/indigenous-perspectives\/","title":{"rendered":"Indigenous Perspectives"},"content":{"rendered":"<h2>Workshops<\/h2>\n<p><strong><em>Please note:<\/em><\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><em><span style=\"font-size: 1.4rem\">Registration is required for all events.\u00a0<\/span><\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Questions? Contact Tiio Hemlock <a href=\"mailto:themlock@dawsoncollege.qc.ca\">themlock@dawsoncollege.qc.ca<\/a><\/p>\n<h2>Schedule and Registration<\/h2>\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+td+td {\n                width: 100px;\n                \/* text-align: right; *\/\n            }\n            tr.workshop-item:nth-child(2n) td {\n                background: #f1f8ff;\n            }\n            table.workshops {\n                border-top: none!important;\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            .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        }\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 { opacity: 0; }\n            to { opacity: 1; }\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            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            .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        \n        <\/style>\n        <script>\n            jQuery(document).ready(function($) {\n            console.log('Script loaded with jQuery');\n            \n            \/\/ Use event delegation to handle dynamically loaded content\n            $(document).on('click', '.workshop-item button', function(e) {\n                console.log('Button clicked!');\n                e.preventDefault();\n                e.stopPropagation();\n                \n                const $row = $(this).closest('.workshop-item');\n                const $titleLink = $row.find('a[href*=\"workshop-registration\"]:first');\n                const title = $titleLink.text().trim();\n                const $instructorEm = $row.find('em');\n                const instructor = $instructorEm.length ? $instructorEm.text().trim() : '';\n                const $detailsDiv = $row.find('.event-details');\n                const details = $detailsDiv.length ? $detailsDiv.html() : '';\n                const registerUrl = $titleLink.attr('href');\n                const $timeCell = $row.find('td').eq(1); \/\/ Get the second td (time)\n                const time = $timeCell.length ? $timeCell.text().trim() : '';\n\n                \/\/ Calculate duration from time range\n                let duration = '';\n                if (time) {\n                    const timeMatch = time.match(\/(\\d+):(\\d+)(am|pm).*?(\\d+):(\\d+)(am|pm)\/i);\n                    if (timeMatch) {\n                        let [_, startHour, startMin, startPeriod, endHour, endMin, endPeriod] = timeMatch;\n                        startHour = parseInt(startHour);\n                        endHour = parseInt(endHour);\n                        \n                        \/\/ Convert to 24-hour format\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);\n                        const endMinutes = endHour * 60 + parseInt(endMin);\n                        const durationMinutes = endMinutes - startMinutes;\n                        \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 {\n                            duration = `${mins}min`;\n                        }\n                    }\n                }\n\n                \/\/ console.log('Title:', title);\n                \/\/ console.log('Details:', details);\n                \/\/ console.log('Time:', time);\n                \/\/ console.log('Duration:', duration);\n\n                \/\/ Create modal overlay\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                \/\/ Build modal content\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\">${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                            <a href=\"${registerUrl}\">Register<\/a>\n                        <\/div>\n                    <\/div>\n                `);\n\n                \/\/ Add to body\n                $('body').append($overlay);\n\n                \/\/ Prevent body scroll and page shift\n                const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n                $('body').css({\n                    'overflow': 'hidden',\n                    'padding-right': scrollbarWidth + 'px'\n                });\n\n                \/\/ Trigger animation\n                setTimeout(() => $overlay.addClass('active'), 10);\n\n                \/\/ Store the element that triggered the modal\n                const $triggerButton = $(this);\n\n                \/\/ Focus close button for accessibility\n                setTimeout(() => {\n                    $overlay.find('.workshop-modal-close').focus();\n                }, 350); \/\/ After animation completes\n\n                \/\/ Close function\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                \/\/ Close on button clicks\n                $overlay.find('.workshop-modal-close, .workshop-modal-close-btn').on('click', closeModal);\n\n                \/\/ Close on backdrop click\n                $overlay.on('click', function(e) {\n                    if (e.target === $overlay[0]) {\n                        closeModal();\n                    }\n                });\n\n                \/\/ Close on Escape key\n                function escapeHandler(e) {\n                    if (e.key === 'Escape') {\n                        closeModal();\n                        $(document).off('keydown', escapeHandler);\n                    }\n                }\n                $(document).on('keydown', escapeHandler);\n            });\n            \n            \/\/ Log how many buttons we can find\n            console.log('Workshop items found:', $('.workshop-item').length);\n            console.log('Buttons found:', $('.workshop-item button').length);\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=\"april-2026\" class=\"new dc_accordion open  multiple\"  ><h2 class=\"dc_accordion-title highlighta\" ><a class=\"\" style=\"\" href=\"#april-2026\">April 2026<\/a><\/h2><div class=\"dc_accordion-body \" style=\"\" ><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n                    <a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4505\">Indigenous Perspectives: Speaking out for Mother Earth and Survive and Thrive by John Mohawk<\/a><br \/> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">John Mohawk was a heavyweight in native intellectual thought. He was a traditionalist Seneca as well as a writer, journalist, researcher, lecturer, activist and negotiator. In two 30 min videos, he speaks about the current climate crisis. A group discussion to follow.<\/div>\n<\/td>\n<td><b>April 1, 2026<\/b>,&nbsp;<br \/>2:00pm&nbsp;-&nbsp;3:30pm<\/td>\n<td><button>Details<\/button><\/td>\n<td><\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n                    <a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4507\">Indigenous Perspectives: John Trudell, a Documentary<\/a><br \/> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">John Trudell was a Native American author, poet, actor, musician and political activist and a founding member of the American Indian Movement (AIM). This documentary chronicles his life. A group discussion to follow.<\/div>\n<\/td>\n<td><b>April 7, 2026<\/b>,&nbsp;<br \/>10:00am&nbsp;-&nbsp;11:30am<\/td>\n<td><button>Details<\/button><\/td>\n<td><\/td>\n<\/tr>\n<tr class=\"workshop-item\">\n<td>\n                    <a style=\"\" href=\"https:\/\/www.dawsoncollege.qc.ca\/oad\/workshop-registration\/?wid=4508\">Indigenous Perspectives: John Trudell, a Documentary<\/a><br \/> - <em>Tiio Hemlock<\/em><\/p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">John Trudell was a Native American author, poet, actor, musician and political activist and a founding member of the American Indian Movement (AIM). This documentary chronicles his life. A group discussion to follow.<\/div>\n<\/td>\n<td><b>April 8, 2026<\/b>,&nbsp;<br \/>2:00pm&nbsp;-&nbsp;3:30pm<\/td>\n<td><button>Details<\/button><\/td>\n<td><\/td>\n<\/tr>\n<\/table><\/div><\/div>\n<\/div>\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 Please note: Registration is required for all events.\u00a0 Questions? Contact Tiio Hemlock themlock@dawsoncollege.qc.ca Schedule and Registration &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":89,"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"}],"author":[{"embeddable":true,"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/users\/89"}],"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":4519,"href":"https:\/\/www.dawsoncollege.qc.ca\/oad\/wp-json\/wp\/v2\/pages\/4056\/revisions\/4519"}],"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}]}}