CINXE.COM
Milestones
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: * html--milestones.html.twig x html.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/system/html.html.twig' --> <!DOCTYPE html> <!--[if lt IE 9]><html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="no-js"><![endif]--> <!--[if gt IE 8]><!--> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="no-js lang-en"> <!--<![endif]--> <head> <meta charset="utf-8" /> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-25191289-1"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "UA-25191289-1", {"groups":"default","anonymize_ip":true,"page_placeholder":"PLACEHOLDER_page_path"});</script> <link rel="canonical" href="https://www.chrc-ccdp.gc.ca/en/about-human-rights/milestones" /> <meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <noscript><link rel="stylesheet" href="/libraries/wet-boew/css/noscript.min.css" /> </noscript><link rel="icon" href="/themes/custom/chrc_wxt/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Milestones</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/progress.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/sticky-header.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tree-child.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/core/modules/views/css/views.module.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/modules/contrib/ckeditor_indentblock/css/plugins/indentblock/ckeditor.indentblock.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/libraries/fontawesome/css/all.min.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/libraries/fontawesome/css/v4-shims.min.css?sn9hx6" /> <!--[if gte IE 9]><!--> <link rel="stylesheet" media="all" href="/libraries/theme-wet-boew/css/theme.min.css?sn9hx6" /> <!--<![endif]--> <!--[if lt IE 9]> <link rel="stylesheet" media="all" href="/libraries/theme-wet-boew/css/ie8-theme.min.css?sn9hx6" /> <![endif]--> <link rel="stylesheet" media="all" href="/modules/contrib/webform/modules/webform_bootstrap/css/webform_bootstrap.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/themes/custom/chrc_wxt/vendor/horizontal-vertical-timeline/dist/css/timeline.min.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/themes/contrib/wxt_bootstrap/css/style.css?sn9hx6" /> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" /> <link rel="stylesheet" media="all" href="/themes/custom/chrc_wxt/css/human_rights.styles.css?sn9hx6" /> <link rel="stylesheet" media="all" href="/themes/custom/chrc_wxt/css/global.chrc.css?sn9hx6" /> <link rel="stylesheet" media="print" href="/themes/custom/chrc_wxt/css/print.chrc.css?sn9hx6" /> <script type="text/javascript"> <!-- window.rsConf = {general: {preserveElements: '.rs_preserve, .panel-image-object'}}; --> </script> </head> <body class="human_rights path-milestones navbar-is-fixed-top has-glyphicons chrc-wxt theme-wet-boew chrc-human_rights" data-lang="en"> <ul id="wb-tphp"> <li class="wb-slc"> <a class="wb-sl" href="#wb-cont"> Skip to main content </a> </li> <li class="wb-slc visible-sm visible-md visible-lg"> <a class="wb-sl" href="#wb-info"> Skip to "About this site" </a> </li> </ul> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: * page--milestones--wet-boew.html.twig x page--wet-boew.html.twig * page--milestones.html.twig * page.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/page/page--wet-boew.html.twig' --> <header class="navbar navbar-fixed-top" id="navbar"> <div class="navbar-top"> <div class="navbar-header"> <a href="/en" class="navbar-brand"> <span class="sr-only">return to home page</span> <img class="visible-lg-block" src="/themes/custom/chrc_wxt/svgs/chrc-logo-white-en-large.svg" alt="Canadian Human Rights Commission"> <img class="hidden-lg" src="/themes/custom/chrc_wxt/svgs/chrc-logo-mobile-en.svg" alt="Canadian Human Rights Commission"> </a> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--header--wet-boew.html.twig x region--header.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/region/region--header.html.twig' --> <div class="region region-header" id="navigation"> <nav id="block-global-2"> <h2 class="visually-hidden">Canadian Human Rights Commission sub-sites navigation</h2> <ul class="menu nav global" data-level="0"> <li id="human-rights"> <a href="https://www.chrc-ccdp.gc.ca" title="Human Rights" class="same-window">Human Rights</a> </li> <li id="accessibility"> <a href="https://www.accessibilitychrc.ca" title="Accessible Canada Act" class="same-window">Accessible Canada Act</a> </li> <li id="employment-equity"> <a href="https://www.employmentequitychrc.ca" title="Employment Equity" class="same-window">Employment Equity</a> </li> <li id="housing"> <a href="https://www.housingchrc.ca" title="Housing" class="same-window">Housing</a> </li> <li id="pay-equity"> <a href="https://www.payequitychrc.ca" title="Pay Equity" class="same-window">Pay Equity</a> </li> </ul> </nav> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--header--entity-node-canonical.html.twig * block--header--wet-boew--customsearchblock.html.twig * block--header--customsearchblock.html.twig * block--customsearchblock.html.twig x block--wd-search-block.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--wd-search-block.html.twig' --> <div id="wb-srch" data-block-plugin-id="wd_search_block" class="block d-flex align-items-center"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'search_block' --> <!-- BEGIN OUTPUT from 'modules/custom/wd_extensions/wd_search_block/templates/search-block.html.twig' --> <form action="/en/search-results" method="get" class="search-form form-inline" role="search"> <label class="sr-only">Site Search</label> <input type="search" placeholder="Search" name="globalSiteSearchForm" class="search-input form-control" /> <button class="btn search-submit"><i class="fas fa-search hidden-sm hidden-md hidden-lg" aria-hidden="true"></i><span class="sr-only">search</span></button> </form> <a href="#" class="toggle-search visible-sm visible-md visible-lg"><i class="fas fa-search front" aria-hidden="true"></i><i class="fas fa-times back" aria-hidden="true"></i> <span class="sr-only">Toggle search bar</span></a> <!-- END OUTPUT from 'modules/custom/wd_extensions/wd_search_block/templates/search-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--wd-search-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--header--view-milestones-landing-page.html.twig * block--header--wet-boew--chrc-wxt-languageswitcher.html.twig * block--header--chrc-wxt-languageswitcher.html.twig x block--chrc-wxt-languageswitcher.html.twig * block--wxt-language-block--language-interface.html.twig * block--wxt-language-block.html.twig * block--wxt-library.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--chrc-wxt-languageswitcher.html.twig' --> <div class="language-switcher-language-url in-view block block-wxt-library block-wxt-language-blocklanguage-interface" id="wb-lng" data-block-plugin-id="wxt_language_block:language_interface"> <h2 class="block-title">Language switcher</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__language_block__wet_boew' --> <!-- FILE NAME SUGGESTIONS: * links--language-block--wet-boew.html.twig * links--language-block.html.twig x links.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/system/links.html.twig' --> <ul class="links"> <li data-drupal-link-system-path="milestones" class="fr is-active"><a href="/fr/droits-de-la-personne/evenements-marquants" class="language-link" lang="fr" hreflang="fr" data-drupal-link-system-path="milestones">Français</a></li></ul> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/system/links.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--chrc-wxt-languageswitcher.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/region/region--header.html.twig' --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#block-chrc-wxt-main-menu" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> </button> </div> <div class="navbar-bottom navbar-collapse'"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--navigation--wet-boew.html.twig x region--navigation.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region--navigation.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--navigation--view-milestones-landing-page.html.twig * block--navigation--wet-boew--chrc-wxt-main-menu.html.twig * block--navigation--chrc-wxt-main-menu.html.twig * block--chrc-wxt-main-menu.html.twig x block--system-menu-block--main.html.twig * block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--system-menu-block--main.html.twig' --> <nav role="navigation" aria-labelledby="block-chrc-wxt-main-menu-menu" id="block-chrc-wxt-main-menu" data-block-plugin-id="system_menu_block:main" class="collapse"> <h2 class="sr-only" id="block-chrc-wxt-main-menu-menu">Canadian Human Rights Commission Main navigation</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: x menu--main--wet-boew.html.twig * menu--main.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/menu/menu--main--wet-boew.html.twig' --> <ul class="list-inline menu nav navbar-nav" data-level="0"> <li class="has-children"> <button class="trigger-sub chrc-button"> <span>Complaints</span> <span class="sr-only">Open Complaints sub menu</span> <span class="expicon glyphicon glyphicon-chevron-down"></span> </button> <ul class="list-unstyled sub-nav" data-level="1"> <li> <a href="/en/complaints/am-i-the-right-place" data-drupal-link-system-path="node/8">Am I in the Right Place?</a> </li> <li> <a href="/en/complaints/how-file-a-complaint" data-drupal-link-system-path="node/10">How to File a Complaint</a> </li> <li> <a href="/en/complaints/make-a-complaint" data-drupal-link-system-path="node/14">Make a Complaint</a> </li> <li> <a href="/en/complaints/about-the-process" data-drupal-link-system-path="node/325">About the Process</a> </li> <li> <a href="/en/complaints/complaint-rules-and-policies" data-drupal-link-system-path="node/662">Complaint Rules, Policies & Forms</a> </li> <li> <a href="https://www.chrc-ccdp.gc.ca/en/complaints/caf-members-and-dnd-employees">CAF members</a> </li> <li> <a href="/en/complaints/complaint-faqs" data-drupal-link-system-path="node/12">Complaint FAQs</a> </li> <li> <a href="/en/complaints/service-commitments" data-drupal-link-system-path="node/655">Service commitments</a> </li> <li> <a href="/en/complaints/other-human-rights-agencies" data-drupal-link-system-path="node/13">Other human rights agencies</a> </li> </ul> </li> <li class="active has-children"> <button class="trigger-sub chrc-button"> <span>About Human Rights</span> <span class="sr-only">Open About Human Rights sub menu</span> <span class="expicon glyphicon glyphicon-chevron-down"></span> </button> <ul class="list-unstyled sub-nav" data-level="1"> <li> <a href="/en/about-human-rights/what-are-human-rights" data-drupal-link-system-path="node/2">What are Human Rights?</a> </li> <li> <a href="/en/about-human-rights/human-rights-canada" data-drupal-link-system-path="node/3">Human Rights in Canada</a> </li> <li> <a href="/en/about-human-rights/what-discrimination" data-drupal-link-system-path="node/4">What is Discrimination?</a> </li> <li> <a href="/en/about-human-rights/what-harassment" data-drupal-link-system-path="node/5">What is Harassment?</a> </li> <li> <a href="/en/about-human-rights/what-the-duty-accommodate" data-drupal-link-system-path="node/6">What is the Duty to Accommodate?</a> </li> <li class="active"> <a href="/en/about-human-rights/milestones" data-drupal-link-system-path="milestones" class="is-active">Human Rights Milestones</a> </li> </ul> </li> <li class="has-children"> <button class="trigger-sub chrc-button"> <span>Resources</span> <span class="sr-only">Open Resources sub menu</span> <span class="expicon glyphicon glyphicon-chevron-down"></span> </button> <ul class="list-unstyled sub-nav" data-level="1"> <li> <a href="/en/resources/whats-new" data-drupal-link-system-path="whats-new">News room</a> </li> <li> <a href="/en/resources/publications" data-drupal-link-system-path="resources/publications">Publications</a> </li> <li> <a href="/en/resources/glossary" data-drupal-link-system-path="node/45">Glossary</a> </li> <li> <a href="/en/resources/american-sign-language-asl" data-drupal-link-system-path="node/21">ASL</a> </li> <li> <a href="/en/monitoring-the-rights-of-people-with-disabilities" data-drupal-link-system-path="node/701">Monitoring disability rights</a> </li> <li> <a href="/en/resources/45-calls-inclusion-celebrating-45-years-the-canadian-human-rights-act" data-drupal-link-system-path="node/763">45 Calls for Inclusion</a> </li> <li> <a href="/en/about-human-rights/memoriam" data-drupal-link-system-path="node/678">In Memoriam</a> </li> </ul> </li> <li> <a href="/en/anti-racism-work" data-drupal-link-system-path="node/667">Anti-racism work</a> </li> <li id="global-menu" class="has-children visible-xs-block visible-sm-block"> <button class="trigger-sub chrc-button"> <span>Our mandates</span> <span class="sr-only">Open our mandates sub menu</span> <span class="expicon glyphicon glyphicon-chevron-down"></span> </button> </li> </ul> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/menu/menu--main--wet-boew.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--system-menu-block--main.html.twig' --> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region--navigation.html.twig' --> </div> </header> <div class="highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--highlighted--wet-boew.html.twig * region--highlighted.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region.html.twig' --> <div class="region region-highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--highlighted--entity-node-canonical.html.twig * block--highlighted--wet-boew--chrc-wxt-messages.html.twig * block--highlighted--chrc-wxt-messages.html.twig * block--chrc-wxt-messages.html.twig x block--system-messages-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region.html.twig' --> </div> <main property="mainContentOfPage" class="main-container js-quickedit-main-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--help--wet-boew.html.twig * region--help.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region.html.twig' --> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--content--wet-boew.html.twig * region--content.html.twig x region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--content--view-milestones-landing-page.html.twig * block--block-content--spotlight--milestonesheaderintro--default--wet-boew.html.twig * block--block-content--spotlight--milestonesheaderintro--default.html.twig * block--block-content--spotlight--default--wet-boew.html.twig x block--block-content--spotlight--default.html.twig * block--content--wet-boew--milestonesheaderintro.html.twig * block--content--milestonesheaderintro.html.twig * block--milestonesheaderintro.html.twig * block--block-content--5e6bc768-86ba-48e9-bb48-a7f9f4cc77a0.html.twig * block--block-content.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--block-content--spotlight--default.html.twig' --> <!-- CHRC EN --> <div id="block-milestonesheaderintro" data-block-plugin-id="block_content:5e6bc768-86ba-48e9-bb48-a7f9f4cc77a0" class="block block-block-content block-block-content5e6bc768-86ba-48e9-bb48-a7f9f4cc77a0 block-spotlight" id="startReadSpeaker"> <div class="panel panel-primary mrgn-bttm-0"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig x media--image--panel-image.html.twig * media--image.html.twig * media--panel-image.html.twig * media.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/media/media--image--panel-image.html.twig' --> <div class="panel-image-object" data-img="/sites/default/files/2020-09/iStock-1134307250.jpg"></div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/media/media--image--panel-image.html.twig' --> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-8 col-lg-9 col-md-push-4 col-lg-push-3"> <div class="panel-heading"> <h1 id="wb-cont">Human Rights Milestones</h1> </div> <div class="panel-body"> <p>From recognizing LGBTQ2I+ rights to creating a more accessible Canada, learn more about the human rights milestones that impact Canadians every single day.</p> </div> </div> </div> </div> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--block-content--spotlight--default.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--content--view-milestones-landing-page.html.twig * block--content--wet-boew--chrc-wxt-content.html.twig * block--content--chrc-wxt-content.html.twig * block--chrc-wxt-content.html.twig * block--system-main-block.html.twig x block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/block/block--system.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/container.html.twig' --> <div class="views-element-container form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view--milestones--landing-page.html.twig * views-view--milestones.html.twig * views-view.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view--milestones--landing-page.html.twig' --> <div class="view view-milestones view-id-milestones view-display-id-landing_page js-view-dom-id-57e902f15a784c6a293f1a0865f23543ecc947ee86214cec25a2270df18a813e"> <div class="view-content"> <div class="timeline" id="milestones-timeline" data-horizontal-start-position="bottom"> <div class="decade-label display h1"></div> <div class="timeline__wrap"> <div class="timeline__items"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="2020" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--712--teaser.html.twig * node--712.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="712" role="article" about="/en/node/712" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Truth-and-Reconciliation-day.jpg?itok=ttNhB5bz" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Truth and Reconciliation day"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2021 </span> <h3 class="timeline__item-title mrgn-bttm-sm">A day of reflection and commemoration</h3> <a href="#milestone-712" aria-controls="milestone-712" class="btn btn-link overlay-lnk" role="button" title="A day of reflection and commemoration">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2020" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--713--teaser.html.twig * node--713.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="713" role="article" about="/en/node/713" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Employment-Equity-Act.jpg?itok=mClnXZlD" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Pay Equity law brought into force"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2021 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Pay Equity law brought into force</h3> <a href="#milestone-713" aria-controls="milestone-713" class="btn btn-link overlay-lnk" role="button" title="Pay Equity law brought into force">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2020" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--714--teaser.html.twig * node--714.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="714" role="article" about="/en/node/714" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Genetic-discrimination.jpg?itok=SeW16hjb" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Victory for protection from genetic discrimination"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2020 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Victory for protection from genetic discrimination</h3> <a href="#milestone-714" aria-controls="milestone-714" class="btn btn-link overlay-lnk" role="button" title="Victory for protection from genetic discrimination">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2020" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--715--teaser.html.twig * node--715.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="715" role="article" about="/en/node/715" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Intl-equal-pay-day%20%281%29.jpg?itok=tt3Yn-O-" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="International Equal Pay Day"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2020 </span> <h3 class="timeline__item-title mrgn-bttm-sm">International Equal Pay Day</h3> <a href="#milestone-715" aria-controls="milestone-715" class="btn btn-link overlay-lnk" role="button" title="International Equal Pay Day">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--717--teaser.html.twig * node--717.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="717" role="article" about="/en/node/717" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Housing-rights.jpg?itok=PV0Bn1mB" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Housing is a human right"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2019 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Housing is a human right</h3> <a href="#milestone-717" aria-controls="milestone-717" class="btn btn-link overlay-lnk" role="button" title="Housing is a human right">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--718--teaser.html.twig * node--718.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="718" role="article" about="/en/node/718" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Accessibility-rights.jpg?itok=prIuiuTG" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="A barrier-free Canada"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2019 </span> <h3 class="timeline__item-title mrgn-bttm-sm">A barrier-free Canada</h3> <a href="#milestone-718" aria-controls="milestone-718" class="btn btn-link overlay-lnk" role="button" title="A barrier-free Canada">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--719--teaser.html.twig * node--719.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="719" role="article" about="/en/node/719" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/MMIWG-FFADA1.jpg?itok=dvhbankM" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Calls for justice for Indigenous women and girls"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2019 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Calls for justice for Indigenous women and girls</h3> <a href="#milestone-719" aria-controls="milestone-719" class="btn btn-link overlay-lnk" role="button" title="Calls for justice for Indigenous women and girls">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--716--teaser.html.twig * node--716.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="716" role="article" about="/en/node/716" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Indigenous-children%27s-rights.jpg?itok=VEcXSauT" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="The rights of Indigenous children"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2019 </span> <h3 class="timeline__item-title mrgn-bttm-sm">The rights of Indigenous children</h3> <a href="#milestone-716" aria-controls="milestone-716" class="btn btn-link overlay-lnk" role="button" title="The rights of Indigenous children">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--720--teaser.html.twig * node--720.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="720" role="article" about="/en/node/720" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Equal-pay-Equal-work.jpg?itok=kxk6katf" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Equal pay for work of equal value"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2018 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Equal pay for work of equal value</h3> <a href="#milestone-720" aria-controls="milestone-720" class="btn btn-link overlay-lnk" role="button" title="Equal pay for work of equal value">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--721--teaser.html.twig * node--721.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="721" role="article" about="/en/node/721" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/LGBTQ2I-rights.jpg?itok=_564Bqew" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Supreme Court affirms the rights of LGBTG2I law students across Canada"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2018 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Supreme Court affirms the rights of LGBTG2I law students across Canada</h3> <a href="#milestone-721" aria-controls="milestone-721" class="btn btn-link overlay-lnk" role="button" title="Supreme Court affirms the rights of LGBTG2I law students across Canada">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--722--teaser.html.twig * node--722.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="722" role="article" about="/en/node/722" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/indigenous-right-in-prison.jpg?itok=XGd6bvEf" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Supreme Court affirms the rights of Indigenous offenders in federal corrections"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2018 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Supreme Court affirms the rights of Indigenous offenders in federal corrections</h3> <a href="#milestone-722" aria-controls="milestone-722" class="btn btn-link overlay-lnk" role="button" title="Supreme Court affirms the rights of Indigenous offenders in federal corrections">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--723--teaser.html.twig * node--723.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="723" role="article" about="/en/node/723" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Protect-genetic-information.jpg?itok=Z0nCZD4T" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Protecting your genetic information"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2017 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Protecting your genetic information</h3> <a href="#milestone-723" aria-controls="milestone-723" class="btn btn-link overlay-lnk" role="button" title="Protecting your genetic information">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--724--teaser.html.twig * node--724.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="724" role="article" about="/en/node/724" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Enquete-MMIWG-FFADA.jpg?itok=YWzvfTQy" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Honouring Indigenous women and girls"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2016 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Honouring Indigenous women and girls</h3> <a href="#milestone-724" aria-controls="milestone-724" class="btn btn-link overlay-lnk" role="button" title="Honouring Indigenous women and girls">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--725--teaser.html.twig * node--725.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="725" role="article" about="/en/node/725" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Truth-and-Reconciliation.jpg?itok=NGRrwF11" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Truth and Reconciliation"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2015 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Truth and Reconciliation</h3> <a href="#milestone-725" aria-controls="milestone-725" class="btn btn-link overlay-lnk" role="button" title="Truth and Reconciliation">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--582--teaser.html.twig * node--582.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="582" role="article" about="/en/node/582" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone15.jpg?itok=n0YCwcYa" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone15"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2010 </span> <h3 class="timeline__item-title mrgn-bttm-sm">The Rights of First Peoples Should Not Come Last</h3> <a href="#milestone-582" aria-controls="milestone-582" class="btn btn-link overlay-lnk" role="button" title="The Rights of First Peoples Should Not Come Last">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2010" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--583--teaser.html.twig * node--583.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="583" role="article" about="/en/node/583" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone14.jpg?itok=gYbH3uao" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone14"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2010 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Voting Should Be Easy for Everyone</h3> <a href="#milestone-583" aria-controls="milestone-583" class="btn btn-link overlay-lnk" role="button" title="Voting Should Be Easy for Everyone">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="2000" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--584--teaser.html.twig * node--584.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="584" role="article" about="/en/node/584" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone13.jpg?itok=oBdrdsve" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone13"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2008 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Human Rights for Everyone Means Everyone</h3> <a href="#milestone-584" aria-controls="milestone-584" class="btn btn-link overlay-lnk" role="button" title="Human Rights for Everyone Means Everyone">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2000" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--585--teaser.html.twig * node--585.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="585" role="article" about="/en/node/585" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone12.jpg?itok=askd8aVa" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone12"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2007 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Human Rights for People with Disabilities</h3> <a href="#milestone-585" aria-controls="milestone-585" class="btn btn-link overlay-lnk" role="button" title="Human Rights for People with Disabilities">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2000" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--586--teaser.html.twig * node--586.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="586" role="article" about="/en/node/586" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone11.jpg?itok=Yvk_hWt2" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone11"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2007 </span> <h3 class="timeline__item-title mrgn-bttm-sm">The Rights of the Working Mother</h3> <a href="#milestone-586" aria-controls="milestone-586" class="btn btn-link overlay-lnk" role="button" title="The Rights of the Working Mother">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="2000" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--580--teaser.html.twig * node--580.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="580" role="article" about="/en/node/580" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone10.jpg?itok=fekuJrAW" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Milestone Image"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 2000 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Updating Canadian Television</h3> <a href="#milestone-580" aria-controls="milestone-580" class="btn btn-link overlay-lnk" role="button" title="Updating Canadian Television">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="1990" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--587--teaser.html.twig * node--587.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="587" role="article" about="/en/node/587" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-07/istockphoto-954307646-1024x1024-op.jpg?itok=TwoSLMwx" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="A diverse group of business people gather around a laptop in a modern office and discuss what they see."/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1999 </span> <h3 class="timeline__item-title mrgn-bttm-sm">If You Do the Same Work, You Should Get the Same Pay</h3> <a href="#milestone-587" aria-controls="milestone-587" class="btn btn-link overlay-lnk" role="button" title="If You Do the Same Work, You Should Get the Same Pay">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1990" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--591--teaser.html.twig * node--591.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="591" role="article" about="/en/node/591" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone8.jpg?itok=_hL5xMrp" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone8"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1997 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Making Equality Visible</h3> <a href="#milestone-591" aria-controls="milestone-591" class="btn btn-link overlay-lnk" role="button" title="Making Equality Visible">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1990" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--581--teaser.html.twig * node--581.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="581" role="article" about="/en/node/581" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone7.jpg?itok=I1-zevoa" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone7"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1996 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Canada’s Banks Changed for the Better</h3> <a href="#milestone-581" aria-controls="milestone-581" class="btn btn-link overlay-lnk" role="button" title="Canada’s Banks Changed for the Better">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1990" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--593--teaser.html.twig * node--593.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="593" role="article" about="/en/node/593" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone5.jpg?itok=e7T0t-4a" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone5"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1993 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Expecting Mothers Can Expect Equality</h3> <a href="#milestone-593" aria-controls="milestone-593" class="btn btn-link overlay-lnk" role="button" title="Expecting Mothers Can Expect Equality">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1990" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--592--teaser.html.twig * node--592.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="592" role="article" about="/en/node/592" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2022-01/Gay-Rights-Written-into-Can-Law.jpg?itok=RTWagcVj" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Gay Rights Written into Canadian Law"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1992 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Gay Rights Written into Canadian Law</h3> <a href="#milestone-592" aria-controls="milestone-592" class="btn btn-link overlay-lnk" role="button" title="Gay Rights Written into Canadian Law">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1990" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--594--teaser.html.twig * node--594.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="594" role="article" about="/en/node/594" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone4.jpg?itok=kdeLABrj" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CAPTION: Staff Sergeant Baltej Singh Dhillon, RCMP CREDIT: Darpan Magazine"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1990 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Following Religious Practices While Enforcing the Law</h3> <a href="#milestone-594" aria-controls="milestone-594" class="btn btn-link overlay-lnk" role="button" title="Following Religious Practices While Enforcing the Law">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="1980" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--596--teaser.html.twig * node--596.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="596" role="article" about="/en/node/596" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone3.jpg?itok=nZBYVhPp" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone3"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1989 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Recognizing HIV as a Disability</h3> <a href="#milestone-596" aria-controls="milestone-596" class="btn btn-link overlay-lnk" role="button" title="Recognizing HIV as a Disability">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1980" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--597--teaser.html.twig * node--597.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="597" role="article" about="/en/node/597" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone2.jpg?itok=X2txUNLI" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CAPTION: Since Private Heather R. Erxleben became the first woman to serve in a combat role in 1989, other women like Corporal Venessa Larter (seen here) have gone on to do the same. CREDIT: Sergeant Carole Morissette, forces.gc.ca"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1989 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Equal Rights for Men and Women in Combat</h3> <a href="#milestone-597" aria-controls="milestone-597" class="btn btn-link overlay-lnk" role="button" title="Equal Rights for Men and Women in Combat">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <div data-decade="1980" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--589--teaser.html.twig * node--589.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="589" role="article" about="/en/node/589" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone-placeholder-01.jpg?itok=3modlmOr" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CHRC Logo"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1982 </span> <h3 class="timeline__item-title mrgn-bttm-sm">The Canadian Charter of Rights and Freedoms</h3> <a href="#milestone-589" aria-controls="milestone-589" class="btn btn-link overlay-lnk" role="button" title="The Canadian Charter of Rights and Freedoms">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="1970" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--590--teaser.html.twig * node--590.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="590" role="article" about="/en/node/590" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone1-eng.jpg?itok=Ri_1YoEh" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone1"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1977 </span> <h3 class="timeline__item-title mrgn-bttm-sm">The Canadian Human Rights Act - Everyday People Making Canada Better</h3> <a href="#milestone-590" aria-controls="milestone-590" class="btn btn-link overlay-lnk" role="button" title="The Canadian Human Rights Act - Everyday People Making Canada Better">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="1960" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--588--teaser.html.twig * node--588.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="588" role="article" about="/en/node/588" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone-placeholder-01.jpg?itok=3modlmOr" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CHRC Logo"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1960 </span> <h3 class="timeline__item-title mrgn-bttm-sm">Prime Minister Diefenbaker signs the Canadian Bill of Rights</h3> <a href="#milestone-588" aria-controls="milestone-588" class="btn btn-link overlay-lnk" role="button" title="Prime Minister Diefenbaker signs the Canadian Bill of Rights">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones__landing_page' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones--landing-page.html.twig * views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> <div data-decade="1940" class="timeline__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--595--teaser.html.twig * node--595.html.twig x node--milestones--teaser.html.twig * node--milestones.html.twig * node--teaser.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> <div data-history-node-id="595" role="article" about="/en/node/595" class="milestones teaser timeline__content"> <div class="timeline__item-img"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/timeline/public/2020-08/milestone-placeholder-01.jpg?itok=3modlmOr" width="150" height="150" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CHRC Logo"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="timeline__item-content"> <span class="date"> 1948 </span> <h3 class="timeline__item-title mrgn-bttm-sm">World leaders adopt the Universal Declaration of Human Rights</h3> <a href="#milestone-595" aria-controls="milestone-595" class="btn btn-link overlay-lnk" role="button" title="World leaders adopt the Universal Declaration of Human Rights">Read More</a> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--teaser.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones--landing-page.html.twig' --> </div> </div> </div> </div> <div class="view-footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/views/views-view.html.twig' --> <div class="view view-milestones view-id-milestones view-display-id-modals js-view-dom-id-3cc759dd50ffd7d6915b9b2a6e60ef95cb2eb7e154fa6368bef0a732567f079a"> <div class="view-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_unformatted__milestones' --> <!-- FILE NAME SUGGESTIONS: x views-view-unformatted--milestones.html.twig * views-view-unformatted.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--580--modal.html.twig * node--580.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="580" role="article" about="/en/node/580" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-580"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone10.jpg?itok=agMdkwMd" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Milestone Image"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2000</p> <p class="h2 milestones-title">Updating Canadian Television</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Most TV shows in Canada come with the possibility of switching on a stream of printed words that translate sounds into readable text at the bottom of the screen. So-called “closed captioning” provides a way for people who have difficulty hearing to enjoy the television experience. This is a part of everyday life today, but it wasn’t always so.</p> <p>In the 1990s, Henry Vlug was frustrated because many of the shows broadcast by the CBC were not accessible to the Deaf, deafened and hard of hearing community. Only a small number of CBC programs had closed captioning at the time.</p> <p>In 1997, Mr. Vlug filed a complaint under the Canadian Human Rights Act based on disability. Even though he was Deaf, Mr. Vlug believed he had the right to be served by the CBC the same as any Canadian.</p> <p>In 2000, the Canadian Human Rights Tribunal ruled that the CBC was discriminating against the Deaf, deafened and hard of hearing by not offering closed captioning service for all its programs. Today, closed captioning is a well known feature on television sets across Canada.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--581--modal.html.twig * node--581.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="581" role="article" about="/en/node/581" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-581"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone7.jpg?itok=JoCRZ3Vz" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone7"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1996</p> <p class="h2 milestones-title">Canada’s Banks Changed for the Better</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Banks across Canada make an effort to ensure that their services are accessible to people who are blind or visually impaired. Some banks offer brochures in braille. Others offer talking bank machines for people who cannot see touch screens. But these options were not always available.</p> <p>In 1991, two banking customers, Chris and Marie Stark, were frustrated when they could not access important information about their mortgage and other bank services. Since they were both blind, the Starks could not read banking information that was only available in printed brochures.</p> <p>The Starks filed a complaint under the Canadian Human Rights Act. The complaint was accepted by the Canadian Human Rights Commission. It was resolved in an out-of-court settlement in 1996. The case inspired Canada's banking system to make important changes. In 1997, Canada became the first country in the world to offer talking ATM machines to better serve people who are blind or partially sighted.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--582--modal.html.twig * node--582.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="582" role="article" about="/en/node/582" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-582"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone15.jpg?itok=NYxMyROL" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone15"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2010</p> <p class="h2 milestones-title">The Rights of First Peoples Should Not Come Last</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p><em>The United Nations Declaration on the Rights of Indigenous Peoples</em> (UNDRIP) is a document that affirms the rights of indigenous peoples.</p> <p>In November <strong>2010</strong>, after careful consideration, Canada formally endorsed this Declaration.</p> <p>Like all UN declarations, the UNDRIP is a set of principles and commitments that members of the UN are encouraged to support. The UNDRIP focuses on the rights and freedoms of indigenous peoples around the world, including:</p> <ul> <li>the right to the full enjoyment of all human rights and fundamental freedoms;</li> <li>the right to be free from any kind of discrimination;</li> <li>the right to self-determination, autonomy or self-government; and</li> <li>the right to life, physical and mental integrity, liberty and security of the person.</li> </ul> <p>Recently, the Canadian Association of Statutory Human Rights Agencies (<a href="http://www.cashra.ca/default.html">CASHRA</a>) called on all provinces and territories in Canada to do their part to apply the principles of the <em>UN Declaration on the Rights of Indigenous Peoples</em>. CASHRA is a Canadian organization that connects all of Canada’s federal, provincial and territorial human rights commissions with each other, and serves as a national voice on human rights issues.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--583--modal.html.twig * node--583.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="583" role="article" about="/en/node/583" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-583"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone14.jpg?itok=_4xAhVRx" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone14"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2010</p> <p class="h2 milestones-title">Voting Should Be Easy for Everyone</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Every voter in Canada has a right to access their polling station. But until recently, not every polling station was accessible to people with disabilities.</p> <p>James Hughes had to use a wheelchair and walker to get around. When he went to vote in the 2008 elections, a long flight of stairs blocked his way down to the voting booths. He looked for a ramp, but found only a locked door. Determined to vote, and with no other alternative, Mr. Hughes went down the stairs on the seat of his pants. He sent a letter to Elections Canada describing his difficult experience, but nothing was done.</p> <p>After facing the same challenges at the same polling station during a second election, Mr. Hughes filed a complaint under the Canadian Human Rights Act. He argued that by failing to accommodate people with physical disabilities, Elections Canada was discriminating against them.</p> <p>In 2010, the case went to the Canadian Human Rights Tribunal. Elections Canada agreed to make changes to its procedures and policies to ensure that everyone in Canada could access local polling stations and cast their vote.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--584--modal.html.twig * node--584.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="584" role="article" about="/en/node/584" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-584"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone13.jpg?itok=BgVAy3cq" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone13"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2008</p> <p class="h2 milestones-title">Human Rights for Everyone Means Everyone</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Everyone in Canada can turn to the Canadian Human Rights Act to protect themselves against discrimination. But before 2008, people living on First Nations reserves did not have full protection under Canadian human rights law. This was because the Canadian Human Rights Act specifically excluded anything that had to do with the Indian Act.</p> <p>The Indian Act governs daily life on over 600 reserves across Canada where First Nations people live. When the Canadian Human Rights Act was first created in 1977, it did not apply to the Indian Act. This meant that hundreds of thousands of people living on First Nations reserves were left out. They had nowhere to turn if they were discriminated against by the federal government or by a First Nations government about something controlled by the Indian Act, such as who can live on a reserve or who can vote in a local election.</p> <p>Then in 2008, Parliament changed the Canadian Human Rights Act to include matters under the Indian Act. Finally, everyone in Canada, including people living on First Nations reserves, had the same access to human rights justice.</p> <p>Read <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="5549317b-6e64-4b25-b42e-47ffd37094f8" href="/en/resources/publications/archived-a-matter-rights-special-report-the-canadian-human-rights-commission" title="ARCHIVED - A Matter of Rights - Special Report of the Canadian Human Rights Commission on the Repeal of Section 67 of the Canadian Human Rights Act">Still a Matter of Rights – A Special Report of the Canadian Human Rights Commission on the Repeal of Section 67 of the Canadian Human Rights Act</a> (2008).</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--585--modal.html.twig * node--585.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="585" role="article" about="/en/node/585" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-585"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone12.jpg?itok=WmHnVZSh" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone12"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2007</p> <p class="h2 milestones-title">Human Rights for People with Disabilities</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>A United Nations convention is a legally binding set of principles and commitments that members of the UN, such as Canada, agree to adopt. In 2007, Canada was among the first countries to sign the <em>United Nations Convention on the Rights of Persons with Disabilities</em>.</p> <p>In signing the Convention, Canada agreed to ensure that the dignity and independence of people with disabilities is respected, and that they are not discriminated against.</p> <p>Drafting a convention can take the UN decades. But because of support from countries like Canada, the <em>UN Convention on the Rights of Disabled Personswas</em> completed in just five years.</p> <p>Canada's commitment to the rights of people with disabilities is also enshrined in the Canadian Human Rights Act and the Canadian Charter of Rights and Freedoms.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--586--modal.html.twig * node--586.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="586" role="article" about="/en/node/586" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-586"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone11.jpg?itok=TD9H7LDN" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone11"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2007</p> <p class="h2 milestones-title">The Rights of the Working Mother</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>She should be confident she will be supported by her employer. But this is not always the reality at every workplace in Canada, as Hayley Cole discovered.</p> <p>In 2001, Hayley Cole returned to her job at Bell Canada after maternity leave. She asked that she be able to take regular unpaid breaks so that she could go home and breastfeed her son. Bell Canada accommodated her request for one year, but not beyond that.</p> <p>Ms. Cole believed that she was being forced to choose between being a mom and working at Bell Canada. She filed a complaint under the Canadian Human Rights Act, arguing she was being discriminated against because of her sex and family status.</p> <p>In 2007, the Canadian Human Rights Tribunal ruled in favour of Ms. Cole and ordered Bell Canada to do a better job of accommodating working mothers. This ruling applies to all employers that are under federal authority.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--587--modal.html.twig * node--587.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="587" role="article" about="/en/node/587" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-587"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-07/istockphoto-954307646-1024x1024-op.jpg?itok=AqF_Vr1x" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="A diverse group of business people gather around a laptop in a modern office and discuss what they see."/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1999</p> <p class="h2 milestones-title">If You Do the Same Work, You Should Get the Same Pay</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In Canada, everyone is entitled to receive equal pay for work of equal value. While this idea has always been enshrined in the Canadian Human Rights Act, it has not always been a reality for everyone in Canada.</p> <p>In the early 1980s, a group of women working for the federal government realized they were being paid less than another group of employees who were doing the same type of work, and who were predominantly men.</p> <p>In 1984, the female employees filed a complaint under the Canadian Human Rights Act arguing that they had been discriminated against based on sex. The case proceeded through a lengthy legal process that lasted well over a decade.</p> <p>In 1999, the case made its way to the Federal Court, where Justice John Evans had the final word. He upheld a previous Canadian Human Rights Tribunal ruling, and ordered that the female employees be financially compensated for years of undervalued work.</p> <p>Justice Evans added that the section of the Canadian Human Rights Act about "equal pay for work of equal value" should be applied in the broadest possible way. In other words, all Canadian workers who do equal work should receive equal pay.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--588--modal.html.twig * node--588.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="588" role="article" about="/en/node/588" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-588"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone-placeholder-01.jpg?itok=kE8sCGxz" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CHRC Logo"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1960</p> <p class="h2 milestones-title">Prime Minister Diefenbaker signs the Canadian Bill of Rights</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>This document is the precursor to the 1982 Charter of Rights and Freedoms. It has been hailed as Mr. Diefenbaker’s greatest legacy. </p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--589--modal.html.twig * node--589.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="589" role="article" about="/en/node/589" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-589"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone-placeholder-01.jpg?itok=kE8sCGxz" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CHRC Logo"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1982</p> <p class="h2 milestones-title">The Canadian Charter of Rights and Freedoms</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Canadian Charter of Rights and Freedoms makes up the first 35 sections of the Constitution Act, proclaimed by the Queen in 1982. The Charter protects every Canadian citizen’s right to be treated equally by the law. Fundamental rights such as freedom of expression, freedom of assembly and freedom of religion are protected by the Charter. </p> <p>The Charter has been celebrated as one of the greatest achievements of Prime Minister Pierre Elliott Trudeau. The Supreme Court of Canada calls it “the supreme law of Canada." While its predecessor, the Canadian Bill of Rights has been hailed as Prime Minister John Diefenbaker’s greatest legacy, it was not written into Canada’s Constitution and was therefore difficult to enforce.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--590--modal.html.twig * node--590.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="590" role="article" about="/en/node/590" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-590"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone1-eng.jpg?itok=wYXrrz7K" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone1"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1977</p> <p class="h2 milestones-title">The Canadian Human Rights Act - Everyday People Making Canada Better</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>If someone treats you in an unfair or negative way because of your race, sex or age, they would be guilty of discrimination. But before 1977, there was no federal law to turn to when a person believed they were being discriminated against.</p> <p>Then in 1977, Parliament created the <em><a href="http://laws-lois.justice.gc.ca/eng/acts/h-6/FullText.html">Canadian Human Rights Act</a></em>. It was the first federal human rights law in Canada, and the first federal law against discrimination.</p> <p>The law also created two separate organizations to apply the Act and ensure its effectiveness:</p> <p>The Canadian Human Rights Commission receives discrimination complaints and helps people settle them. It also promotes the idea of equality in Canada. </p> <p>The <em><a href="http://www.chrt-tcdp.gc.ca/">Canadian Human Rights Tribunal</a></em> acts like a court. Sometimes the Commission sends discrimination complaints to the Tribunal, which then hears the evidence about the complaint and makes decisions on whether discrimination has taken place and what should be done about it. </p> <p>The purpose of the Canadian Human Rights Act was the same in 1977 as it is today: to promote equal opportunity and give people in Canada a way to challenge discrimination when based on any of 11 different grounds (reasons) listed in the Act, such as race, age and sex.</p> <p>The Act protects people who work for or receive services from the federal government, First Nations governments or private companies, like banks and broadcasters, that must follow rules set by the federal government.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--591--modal.html.twig * node--591.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="591" role="article" about="/en/node/591" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-591"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone8.jpg?itok=jUUnHoiv" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone8"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1997</p> <p class="h2 milestones-title">Making Equality Visible</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In Canada, everyone has the right to advance their career. It is a matter of choice, hard work and opportunity. But twenty years ago, some people found it hard to get a promotion even though they had all the necessary qualifications and experience.</p> <p>In the 1990s, a group of federal employees working at Health and Welfare Canada kept being turned down when they applied for management jobs. They believed that the department's hiring practices treated people of certain races or ethnic origins unfairly. They filed a complaint under the Canadian Human Rights Act, saying that these discriminatory practices were common throughout the department.</p> <p>In 1997, the Canadian Human Rights Tribunal ruled that Health and Welfare Canada's hiring and promoting practices were discriminatory. The department was ordered to improve its policies, and increase the number of visible minorities in management positions.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--592--modal.html.twig * node--592.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="592" role="article" about="/en/node/592" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-592"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Gay-Rights-Written-into-Can-Law.jpg?itok=rGZ8teng" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Gay Rights Written into Canadian Law"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1992</p> <p class="h2 milestones-title">Gay Rights Written into Canadian Law</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Everyone in Canada has the right to be treated equally. But there was a time in Canada when there was nothing a person could do if they were discriminated against because of their sexual orientation.</p> <p>Joshua Birch experienced this first hand. He was serving as a captain in the Canadian Air Force when, in 1989, senior officers learned that he was gay. From that point on, he was denied promotions, postings or further military training.</p> <p>Mr. Birch believed that his rights were being violated, but the <em>Canadian Human Rights Act</em> offered no protection. So he and his friend Graham Haig asked the courts to look at the Act and see if it should be changed.</p> <p>Their efforts paid off.</p> <p>In 1992, the Ontario Court of Appeal ordered that failure to include sexual orientation in the Canadian Human Rights Actwas discriminatory. The Court recommended that the Act be interpreted as if sexual orientation was one of the grounds of discrimination.</p> <p>It was not until 1996 that Parliament added sexual orientation to the <em>Canadian Human Rights Act</em>, making it an eleventh ground of discrimination that is not allowed in Canada.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--593--modal.html.twig * node--593.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="593" role="article" about="/en/node/593" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-593"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone5.jpg?itok=AMUW0GKe" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone5"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1993</p> <p class="h2 milestones-title">Expecting Mothers Can Expect Equality</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>For decades, women have contributed to Canada's workforce while also raising children. But working mothers have not always had the same support as other employees.</p> <p>Cynthia Floyd learned that she was pregnant shortly after losing her job at the Canadian Grain Commission in 1989.</p> <p>When she began to collect employment insurance, she discovered that because she was pregnant, she was only entitled to half the financial support others received.</p> <p>Ms. Floyd filed a complaint under the <em>Canadian Human Rights Act</em> claiming that she was not receiving equal treatment because she was pregnant. In 1993, the Canadian Human Rights Tribunal found that the employment insurance rules discriminated against Ms. Floyd, who was awarded compensation.</p> <p>During the course of Ms. Floyd's case, Parliament amended the <em>Unemployment Insurance Act</em>. One result was to end the discriminatory treatment of pregnant women under the rules at the time. Today, women in Canada are entitled to equal employment insurance regardless of whether they are pregnant.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--594--modal.html.twig * node--594.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="594" role="article" about="/en/node/594" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-594"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone4.jpg?itok=ePMk72XS" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CAPTION: Staff Sergeant Baltej Singh Dhillon, RCMP CREDIT: Darpan Magazine"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1990</p> <p class="h2 milestones-title">Following Religious Practices While Enforcing the Law</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Today, when Sikh Canadians join the Royal Canadian Mounted Police they don't have to choose between wearing the RCMP uniform and following their religious practices. They can do both. But things were once very different.</p> <p>When Baltej Singh Dhillon applied to be an RCMP officer in 1988, he was told that the RCMP's uniform policy did not allow him to wear his turban. For Staff Sergeant Dhillon, this meant that if he wanted to join the force, he would have to compromise his religious beliefs.</p> <p>Staff Sergeant Dhillon's efforts to change the rules sparked a heated debate across Canada. Some felt that Canada's history and traditions were threatened by the country's growing cultural diversity.</p> <p>In <strong>1990</strong>, after seeking guidance from the Canadian Charter of Rights and Freedoms and the Canadian Human Rights Act, Solicitor General Pierre Cadieux ruled that turbans could be worn by uniformed RCMP officers. He said the decision was "not only the correct one in law but also the right decision."</p> <p>When the ruling was challenged three years later, the Canadian Human Rights Commission was there to help defend the RCMP's decision to allow turbans. In the end, the 1990 ruling was upheld, and today, officers can choose to wear their Sikh turban while also proudly wearing their RCMP uniform.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--595--modal.html.twig * node--595.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="595" role="article" about="/en/node/595" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-595"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone-placeholder-01.jpg?itok=kE8sCGxz" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CHRC Logo"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1948</p> <p class="h2 milestones-title">World leaders adopt the Universal Declaration of Human Rights</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>World leaders adopt the Universal Declaration of Human Rights, a set of 30 fundamental human rights that would become the blueprint for human rights laws in Canada.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--596--modal.html.twig * node--596.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="596" role="article" about="/en/node/596" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-596"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone3.jpg?itok=ouWO22Sp" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="milestone3"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1989</p> <p class="h2 milestones-title">Recognizing HIV as a Disability</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In Canada, people with a disability have the right to ask their employer to make changes to their workspace or duties so they can perform their job like everybody else. We call this accommodation. Today in Canada, people with HIV or AIDS have the right to be accommodated by their employer the same as anyone else with a medical disability. That wasn't always the case. Not too long ago, a person could be fired for being HIV positive.</p> <p>Two landmark cases helped steer Canada towards change.</p> <p>Gilles Fontaine was fired from his job as a cook aboard a Canadian Pacific train after managers learned that he was HIV positive. In 1989, the Canadian Human Rights Tribunal ruled that Canadian Pacific had discriminated against Mr. Fontaine because of his illness.</p> <p>This ruling was reinforced in 1993 when the Tribunal heard a similar case. Simon Thwaites, a naval officer in the Canadian Forces was forced to leave the military because he was HIV positive. The Tribunal concluded that the Canadian Forces had discriminated against Mr. Thwaites by not accommodating his disability. In other words, the Canadian Forces should have found a way for Mr. Thwaites to make a contribution despite the fact he had HIV.</p> <p>These decisions were part of a larger shift towards greater understanding and acceptance of HIV and AIDS in Canada.</p> <p>Read the <a href="http://www1.chr.up.ac.za/undp/other/docs/caselaw13.pdf">Tribunal’s decision for Simon Thwaites case</a>.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--597--modal.html.twig * node--597.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="597" role="article" about="/en/node/597" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-597"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2020-08/milestone2.jpg?itok=sWDsOasF" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="CAPTION: Since Private Heather R. Erxleben became the first woman to serve in a combat role in 1989, other women like Corporal Venessa Larter (seen here) have gone on to do the same. CREDIT: Sergeant Carole Morissette, forces.gc.ca"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">1989</p> <p class="h2 milestones-title">Equal Rights for Men and Women in Combat</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Canada is one of only a few countries in the world that allow women to serve on the front lines in combat. But it was not always so. While women have served in Canada's military since 1885, they were prevented from performing combat roles for over one hundred years.</p> <p>Four members of the Canadian Forces set out to change this. They believed it was wrong that women were prevented from having roles in combat positions or combat-related jobs, just because they were women.</p> <p>Isabelle Gauthier, Marie-Claude Gauthier, Georgina Anne Brown and Joseph Houlden, all members of the Canadian Forces, filed a complaint under the Canadian Human Rights Act claiming discrimination based on sex. In 1989, following a Canadian Human Rights Tribunal ruling, the Canadian Forces opened all occupations, including combat roles, to women.</p> <p>In 1989, Private Heather R. Erxleben became Canada's first female Regular Force infantry soldier. Since then, hundreds of Canadian women have served in combat roles, and all women have the opportunity to pursue any position in the Canadian Forces.</p> <p>Visit the <a href="http://www.forces.ca/en/page/women-92#introduction-0">Canadian Armed Forces</a> website.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--712--modal.html.twig * node--712.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="712" role="article" about="/en/node/712" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-712"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Truth-and-Reconciliation-day.jpg?itok=pf2GlI8r" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Truth and Reconciliation day"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2021</p> <p class="h2 milestones-title">A day of reflection and commemoration</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>September 30, 2021, marks the first National Day for Truth and Reconciliation.</p> <p>The day honours the children who died while attending residential schools and the survivors, families and communities still affected by the legacy of the residential school system. The new federal statutory holiday also falls on Orange Shirt Day, an Indigenous-led grassroots movement that asks Canadians to reflect on the treatment of First Nations people. It was founded by residential school survivor Phyllis Webstad, whose favourite orange shirt was taken away on her first day of school.</p> <p>In its final report in 2015, the Truth and Reconciliation Commission called upon the federal government to establish a statutory holiday to "ensure that public commemoration of the history and legacy of residential schools remains a vital component of the reconciliation process".</p> <p>Two years later, Saskatchewan MP Georgina Jolibois introduced a private member's bill to make National Day for Truth and Reconciliation an official holiday. The creation of this federal statutory holiday was through legislative amendments made by Parliament.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--713--modal.html.twig * node--713.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="713" role="article" about="/en/node/713" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-713"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Employment-Equity-Act.jpg?itok=UOu1z8ZC" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Pay Equity law brought into force"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2021</p> <p class="h2 milestones-title">Pay Equity law brought into force</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Pay Equity Act requires federally-regulated employers to take a proactive approach to correct gender wage gaps within their organization.</p> <p>Pay equity is a fundamental human right in Canada. It means “equal pay for work of equal value.” It is important because positions commonly held by women tend to be paid less than positions commonly held by men — even when the work is similar in terms of skill-level, effort, responsibility and working conditions.</p> <p>The Pay Equity Act is an important measure in closing the gender wage gap, and promoting gender equality across Canada’s workplaces. The Act applies to the federal government and organizations regulated by the federal government.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--714--modal.html.twig * node--714.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="714" role="article" about="/en/node/714" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-714"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Genetic-discrimination.jpg?itok=B16E_WR4" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Victory for protection from genetic discrimination"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2020</p> <p class="h2 milestones-title">Victory for protection from genetic discrimination</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In a 5-4 decision, the Supreme Court of Canada upheld the Genetic Non-Discrimination Act as a constitutional exercise of federal powers. The law passed in 2017, but ended up in front of the Supreme Court after the Quebec government challenged that it strayed beyond the federal government’s constitutional jurisdiction over criminal law.</p> <p>The Act ensures that Canadians can take genetic tests without fear of how their genetic information could one day be used against them. It also forbids companies from making people undergo genetic testing before buying insurance or other services and outlaws the practice of requiring the disclosure of existing genetic test results as a condition for obtaining such services or entering into a contract.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--715--modal.html.twig * node--715.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="715" role="article" about="/en/node/715" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-715"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Intl-equal-pay-day%20%281%29.jpg?itok=jg5luGsa" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="International Equal Pay Day"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2020</p> <p class="h2 milestones-title">International Equal Pay Day</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>September 18, 2020, marks the first International Equal Pay Day.</p> <p>It is estimated that the gender pay gap is 23% globally. According to Statistics Canada, on average, full-time working women in Canada earn 32% less than men. This gap is wider for Indigenous women (35%), women with a disability (46%), and racialized women (33%). This gender pay gap is a major contributor to women’s poverty.</p> <p>International Equal Pay Day is an opportunity to recognize how far Canadian women have come in the last 40 years, and how much progress there is still yet to be made.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--716--modal.html.twig * node--716.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="716" role="article" about="/en/node/716" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-716"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Indigenous-children%27s-rights.jpg?itok=mKDBu1g6" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="The rights of Indigenous children"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2019</p> <p class="h2 milestones-title">The rights of Indigenous children</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Act Respecting First Nations, Inuit and Métis Children, Youth and Families is an important step forward for the human rights of Indigenous children and families in Canada. It is the first time the federal government has exercised its jurisdiction to legislate in the area of Indigenous child welfare. The law aims to reduce the number of Indigenous children in youth care and improve child and family services.</p> <p>Co-developed with Indigenous, provincial and territorial partners, the Act:</p> <ul> <li>affirms the rights of First Nations, Inuit and Métis peoples to exercise jurisdiction over child and family services,</li> <li>establishes national principles such as the best interests of the child, cultural continuity and substantive equality,</li> <li>contributes to the implementation of the United Nations Declaration of the Rights of Indigenous Peoples, and</li> <li>provides an opportunity for Indigenous peoples to determine their own solutions for their children and families.</li> </ul> <p>Every child in Canada should have the same opportunity to grow up safe, with the love and support of their families.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--717--modal.html.twig * node--717.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="717" role="article" about="/en/node/717" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-717"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Housing-rights.jpg?itok=zEM7qU2p" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Housing is a human right"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2019</p> <p class="h2 milestones-title">Housing is a human right</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In 2019, Parliament passed the National Housing Strategy Act. The Act recognizes housing as a human right, and commits organizations and governments to reform housing laws, policies and programs from a human rights perspective; and to involve communities in meaningful ways.</p> <p>The Act calls for the “progressive realization” of the right to housing. This means Canada must set specific timelines and goals in its housing strategy that make tangible progress towards the right to housing.</p> <p>It also means Canada must prioritize the most vulnerable groups and those in greatest need of housing while it works towards housing as a human right for all.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--718--modal.html.twig * node--718.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="718" role="article" about="/en/node/718" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-718"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Accessibility-rights.jpg?itok=QqxRIj7K" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="A barrier-free Canada"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2019</p> <p class="h2 milestones-title">A barrier-free Canada</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>More than six million people in Canada have a disability. Many face barriers when accessing services, going to school, or finding employment.</p> <p>The Parliament adopted the Accessible Canada Act in 2019 to remove and prevent these barriers. The goal of the Act is to create a Canada without barriers by 2040. The Act applies to the federal government and organizations regulated by the federal government.</p> <p>The Act takes a new approach to accessibility. Instead of waiting for people with disabilities to ask for barriers to be removed, organizations must start finding, removing and preventing barriers now. It also requires them to develop and publish an accessibility plan in consultation with persons with disabilities.</p> <p>Accessibility is about inclusion. When everyone can participate freely and fully in all aspects of life in Canada, everyone benefits.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--719--modal.html.twig * node--719.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="719" role="article" about="/en/node/719" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-719"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/MMIWG-FFADA1.jpg?itok=WRURKvVU" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Calls for justice for Indigenous women and girls"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2019</p> <p class="h2 milestones-title">Calls for justice for Indigenous women and girls</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Final Report of the National Inquiry into Missing and Murdered Indigenous Women and Girls shares the truths of more than 2,380 family members, survivors of violence, experts and Knowledge Keepers collected during two years of cross-country public hearings and evidence gathering.</p> <p>The report calls for transformative legal and social changes to resolve the crisis that has devastated Indigenous communities across the country. It delivers 231 individual Calls for Justice directed at governments, institutions, social service providers, industries and all Canadians.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--720--modal.html.twig * node--720.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="720" role="article" about="/en/node/720" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-720"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Equal-pay-Equal-work.jpg?itok=0Eha9nzU" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Equal pay for work of equal value"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2018</p> <p class="h2 milestones-title">Equal pay for work of equal value</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Pay Equity Act was passed by Parliament and received Royal Assent on December 13, 2018. The purpose of the Act is to achieve pay equity for employees in jobs that are commonly held by women by addressing gender-based discrimination in the pay practices and systems of employers.</p> <p>The Pay Equity Act creates a proactive pay equity regime that will ensure that women and men working in federally regulated workplaces, including the federal public and private sectors, parliamentary workplaces and the Prime Minister’s and Ministers’ offices, receive equal pay for work of equal value.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--721--modal.html.twig * node--721.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="721" role="article" about="/en/node/721" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-721"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/LGBTQ2I-rights.jpg?itok=fHci0kaa" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Supreme Court affirms the rights of LGBTG2I law students across Canada"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2018</p> <p class="h2 milestones-title">Supreme Court affirms the rights of LGBTG2I law students across Canada</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In 2018, two Supreme Court of Canada decisions affirmed the rights of LGBTQ2I law students across Canada. The Court ruled in favour of law societies in Ontario and British Columbia in their decision to deny accreditation to a proposed law school at Trinity Western University. The law societies denied the university accreditation based on its community covenant. The mandatory covenant binds students to a strict code of conduct that includes abstinence from sex outside heterosexual marriage.</p> <p>The Supreme Court of Canada ruled that the mandatory covenant was a barrier to legal education and to becoming a lawyer and that it is “proportionate and reasonable” to limit religious rights in order to ensure open access for LGBTQ2I students.</p> <p>Canada’s law societies have a vested interest in protecting the values of equality and human rights. A legal profession that reflects Canada’s diverse population contributes to better access to justice for all.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--722--modal.html.twig * node--722.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="722" role="article" about="/en/node/722" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-722"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/indigenous-right-in-prison.jpg?itok=tVCwel84" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Supreme Court affirms the rights of Indigenous offenders in federal corrections"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2018</p> <p class="h2 milestones-title">Supreme Court affirms the rights of Indigenous offenders in federal corrections</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>In a 7-2 decision, the Supreme Court of Canada ruled that the Correctional Service of Canada (CSC) failed to take steps to protect the human rights of Indigenous prisoners in federal custody. The case was about the kinds of risk-assessment tools used for deciding such things as how an inmate is classified within prison, the kinds of services they have access to, their parole eligibility, or how likely they might be to experience solitary confinement.</p> <p>The case involved Jeffrey Ewert, a Métis inmate whose lawyer argued that the risk assessment tests that were being used were unreliable for Indigenous offenders, and that as a result Indigenous inmates could be misclassified as higher risk than they actually are.</p> <p>The Court agreed. They ruled that CSC must do more to ensure that risk assessment tests do not lead to discrimination. The Commission welcomed this Supreme Court Ruling as another important step in preventing discrimination against Indigenous peoples in the criminal justice system.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--723--modal.html.twig * node--723.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="723" role="article" about="/en/node/723" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-723"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Protect-genetic-information.jpg?itok=hiKsdLV6" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Protecting your genetic information"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2017</p> <p class="h2 milestones-title">Protecting your genetic information</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Genetic Non-Discrimination Act protects people in Canada from being discriminated against based on their genetic characteristics. The law prevents third parties, such as employers and insurance companies, from demanding genetic information from individuals and using that information against them.</p> <p>The legislation amended the Canadian Labour Code and Canadian Human Rights Act (CHRA), by adding a new ground of discrimination, “genetic characteristics,” to the CHRA. The Act also introduced the first nationwide penalties against genetic discrimination, including a fine of up to $1 million and/or imprisonment for five years. The law includes exceptions for medical, pharmaceutical and scientific purposes.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--724--modal.html.twig * node--724.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="724" role="article" about="/en/node/724" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-724"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Enquete-MMIWG-FFADA.jpg?itok=Y0g8eikb" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Honouring Indigenous women and girls"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2016</p> <p class="h2 milestones-title">Honouring Indigenous women and girls</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The National Inquiry into Missing and Murdered Indigenous Women and Girls was launched in response to repeated calls from Indigenous groups, activists and non-governmental organizations for concrete action to address the disproportionate and under-investigated violence against Indigenous women and girls in Canada.</p> <p>Between the years 1980 and 2012, Indigenous women and girls represented 16% of all female homicides in Canada, while constituting only 4% of the female population in Canada. Compared to non-Indigenous women and girls, they are disproportionately affected by all forms of violence, significantly over-represented among female Canadian homicide victims, and are far more likely than other women to go missing.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: * node--view--milestones--modals.html.twig * node--view--milestones.html.twig * node--725--modal.html.twig * node--725.html.twig x node--milestones--modal.html.twig * node--milestones.html.twig * node--modal.html.twig * node.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <article data-history-node-id="725" role="article" about="/en/node/725" class="milestones modal wb-overlay modal-content overlay-def wb-popup-mid overlay-bg" id="milestone-725"> <div class="col-sm-4 col-xs-12 milestones-image no-padding-x"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <img src="/sites/default/files/styles/milestones_popup/public/2022-01/Truth-and-Reconciliation.jpg?itok=EeF58xBe" width="600" height="600" loading="lazy" typeof="foaf:Image" class="img-responsive" alt="Truth and Reconciliation"/> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/image.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-style.html.twig' --> <!-- END OUTPUT from 'core/modules/image/templates/image-formatter.html.twig' --> </div> <div class="col-sm-8 col-xs-12"> <header class="modal-header"> <p class="milestones-year">2015</p> <p class="h2 milestones-title">Truth and Reconciliation</p> </header> <div class="modal-body"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--milestones.html.twig * field--node--body.html.twig * field--node--milestones.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>The Truth and Reconciliation Commission (TRC) was established to document the history and lasting impacts of the Canadian Indian Residential school system on Indigenous students and their families. The TRC provided residential school survivors an opportunity to share their experiences during public and private meetings held across the country.</p> <p>In December 2015, the TRC released its final multi-volume report, including 94 “calls to action” to further reconciliation between Canadians and Indigenous peoples.</p> <p>The TRC’s Final Report is a testament to the courage of each and every survivor and family member who shared their story. All Canadians are encouraged to read the summary or the final report to learn more about the terrible history and legacy of what were known as the Indian Residential Schools.</p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> </div> </article> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/node/node--milestones--modal.html.twig' --> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view-unformatted--milestones.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/views/views-view.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/views/views-view--milestones--landing-page.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/container.html.twig' --> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/block/block--system.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/system/region.html.twig' --> </main> <footer class="clearfix" id="wb-info" role="contentinfo"> <h2 class="sr-only">About this site</h2> <div class="col-lg-1 visible-lg"> <img class="logo" src="/themes/custom/chrc_wxt/svgs/logo-alt.svg" alt="Canadian Human Rights Commission"> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer--wet-boew.html.twig x region--footer.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/region/region--footer.html.twig' --> <div class="region region-footer col-xs-12 col-lg-11"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footer--entity-node-canonical.html.twig * block--footer--wet-boew--chrc-wxt-footer.html.twig * block--footer--chrc-wxt-footer.html.twig * block--chrc-wxt-footer.html.twig x block--system-menu-block--footer.html.twig * block--system-menu-block.html.twig * block--system.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--system-menu-block--footer.html.twig' --> <nav role="navigation" id="block-chrc-wxt-footer" class="col-md-3 col-sm-6 col-xs-12" data-block-plugin-id="system_menu_block:footer"> <h3 class="h2">Commission</h3> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__footer' --> <!-- FILE NAME SUGGESTIONS: * menu--footer--wet-boew.html.twig x menu--footer.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/menu/menu--footer.html.twig' --> <ul class="menu nav footer-menu"> <li> <a href="/en/about-us" data-drupal-link-system-path="node/15">About Us</a> </li> <li> <a href="/en/our-work" data-drupal-link-system-path="node/16">Our Work</a> </li> <li> <a href="/en/our-people" data-drupal-link-system-path="node/17">Our People</a> </li> <li> <a href="https://www.chrc-ccdp.gc.ca/en/anti-racism-work">Anti-racism work</a> </li> <li> <a href="https://www.chrc-ccdp.gc.ca/en/accessibility-plan-and-feedback">Accessibility Plan and feedback</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/menu/menu--footer.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--system-menu-block--footer.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footer--system-404.html.twig * block--footer--wet-boew--newsroom.html.twig x block--footer--newsroom.html.twig * block--newsroom.html.twig * block--menu-block--news-room.html.twig * block--menu-block.html.twig * block--system-menu-block.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--footer--newsroom.html.twig' --> <nav role="navigation" aria-labelledby="block-newsroom-menu" id="block-newsroom" class="col-md-3 col-sm-6 col-xs-12" data-block-plugin-id="menu_block:news-room"> <h3 id="block-newsroom-menu" class="h2">News Room</h3> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: * menu--wet-boew.html.twig * menu--news-room.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/menu/menu.html.twig' --> <ul role="menu" class="menu nav news-room"> <li role="presentation"> <a href="/en/resources/whats-new" role="menuitem" data-drupal-link-system-path="whats-new">What's New?</a> </li> <li role="presentation"> <a href="/en/resources/news-releases" role="menuitem" data-drupal-link-system-path="node/608">News Releases</a> </li> <li role="presentation"> <a href="/en/resources/speeches" role="menuitem" data-drupal-link-system-path="node/606">Speeches</a> </li> <li role="presentation"> <a href="/en/resources/statements" role="menuitem" data-drupal-link-system-path="node/607">Statements</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/menu/menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--footer--newsroom.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footer--entity-node-canonical.html.twig * block--footer--wet-boew--getintouch.html.twig x block--footer--getintouch.html.twig * block--getintouch.html.twig * block--menu-block--get-in-touch.html.twig * block--menu-block.html.twig * block--system-menu-block.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--footer--getintouch.html.twig' --> <nav role="navigation" aria-labelledby="block-getintouch-menu" id="block-getintouch" class="col-md-3 col-sm-6 col-xs-12" data-block-plugin-id="menu_block:get-in-touch"> <h3 id="block-getintouch-menu" class="h2">Get in Touch</h3> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: * menu--wet-boew.html.twig * menu--get-in-touch.html.twig x menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/menu/menu.html.twig' --> <ul role="menu" class="menu nav get-in-touch"> <li role="presentation"> <a href="/en/contact-us" role="menuitem" data-drupal-link-system-path="node/18">Contact Us</a> </li> </ul> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/menu/menu.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--footer--getintouch.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footer--entity-node-canonical.html.twig * block--block-content--text--footertexten--wet-boew.html.twig * block--block-content--text--footertexten.html.twig * block--block-content--text--wet-boew.html.twig * block--block-content--text.html.twig * block--footer--wet-boew--footertexten.html.twig * block--footer--footertexten.html.twig * block--footertexten.html.twig * block--block-content--2a766231-6b9f-47f9-992f-1b4f31b551b5.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/block/block.html.twig' --> <!-- CHRC EN --> <div id="block-footertexten" class="col-md-3 col-sm-6 col-xs-12 in-view block block-block-content block-block-content2a766231-6b9f-47f9-992f-1b4f31b551b5 clearfix" data-block-plugin-id="block_content:2a766231-6b9f-47f9-992f-1b4f31b551b5"> <div class="speaker-latest-news"> <!-- Player --> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--text.html.twig * field--block-content--body.html.twig * field--block-content--text.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><h3 class="h2">Canadian Human Rights Commission</h3> <p>344 Slater Street, 8th Floor Ottawa, Ontario K1A 1E1</p> <p>Toll Free: 1-888-214-1090</p> <p>Phone: 613-995-1151</p> <p>TTY: 1-888-643-3304</p> <p>FAX: 613-996-9661</p> <p>VRS: <a href="https://srvcanadavrs.ca/en/" rel="external">Canada VRS</a></p> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footer--entity-node-canonical.html.twig * block--block-content--basic--socialmedia--default--wet-boew.html.twig * block--block-content--basic--socialmedia--default.html.twig * block--block-content--basic--default--wet-boew.html.twig * block--block-content--basic--default.html.twig * block--footer--wet-boew--socialmedia.html.twig * block--footer--socialmedia.html.twig * block--socialmedia.html.twig * block--block-content--2fef9d14-f9dd-4e9b-ae8e-8c98d1b98854.html.twig * block--block-content.html.twig x block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/block/block.html.twig' --> <!-- CHRC EN --> <section id="block-socialmedia" class="col-md-3 col-sm-6 col-xs-12 in-view block block-block-content block-block-content2fef9d14-f9dd-4e9b-ae8e-8c98d1b98854 clearfix" data-block-plugin-id="block_content:2fef9d14-f9dd-4e9b-ae8e-8c98d1b98854"> <div class="speaker-latest-news"> <!-- Player --> </div> <h2 class="block-title">Social Media</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--block-content--body--basic.html.twig * field--block-content--body.html.twig * field--block-content--basic.html.twig * field--body.html.twig * field--text-with-summary.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><div class="row wb-eqht" id="socialmediaicons"> <div class="col-md-2 col-xs-4 hght-inhrt"><a href="https://www.facebook.com/CanadianHumanRightsCommission"><span class="sr-only">Facebook account of the Canadian Human Rights Commission</span><span class="fa fa-facebook-square"></span></a></div> <div class="col-md-2 col-xs-4 hght-inhrt"><a href="https://www.youtube.com/channel/UCBlUe4PtxTH_ZBOvClwvmHA"><span class="sr-only">Youtube account of the Canadian Human Rights Commission</span><span class="fa fa-youtube-play"></span></a></div> <div class="col-md-2 col-xs-4 hght-inhrt"><a href="https://twitter.com/cdnhumanrights"><span class="sr-only">Twitter account of the Canadian Human Rights Commission</span><span class="fa fa-twitter"></span></a></div> <div class="col-md-2 col-xs-4 hght-inhrt"><a href="https://www.instagram.com/chrc_ccdp/?hl=fr"><span class="sr-only">Instagram account of the Canadian Human Rights Commission</span><span class="fa fa-instagram"></span></a></div> <div class="col-md-2 col-xs-4 hght-inhrt"><a href="https://ca.linkedin.com/company/canadian-human-rights-commission"><span class="sr-only">LinkedIn account of the Canadian Human Rights Commission</span><span class="fa fa-linkedin"></span></a></div> </div> </div> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/field/field.html.twig' --> </section> <!-- END OUTPUT from 'themes/contrib/wxt_bootstrap/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/region/region--footer.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: * region--footer-legal--wet-boew.html.twig x region--footer-legal.html.twig * region.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/region/region--footer-legal.html.twig' --> <div class="region region-footer-legal clearfix col-xs-12"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: * block--footer-legal--entity-node-canonical.html.twig * block--footer-legal--wet-boew--legal.html.twig x block--footer-legal--legal.html.twig * block--legal.html.twig * block--menu-block--legal.html.twig * block--menu-block.html.twig * block--system-menu-block.html.twig * block.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--footer-legal--legal.html.twig' --> <nav role="navigation" aria-labelledby="block-legal-menu" id="block-legal" data-block-plugin-id="menu_block:legal"> <h2 class="visually-hidden" id="block-legal-menu">Legal</h2> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu' --> <!-- FILE NAME SUGGESTIONS: * menu--wet-boew.html.twig x menu--legal.html.twig * menu.html.twig --> <!-- BEGIN OUTPUT from 'themes/custom/chrc_wxt/templates/menu/menu--legal.html.twig' --> <ul class="menu list-inline mrgn-bttm-0 legal"> <li> <a href="/en/terms-and-conditions" data-drupal-link-system-path="node/19">Terms and Conditions</a> </li> <li> <a href="/en/resources/publications/corporate" data-drupal-link-system-path="resources/publications/corporate">Corporate Publications</a> </li> <li> <a href="/en/transparency" data-drupal-link-system-path="node/22">Transparency</a> </li> </ul> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/menu/menu--legal.html.twig' --> </nav> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/block/block--footer-legal--legal.html.twig' --> </div> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/region/region--footer-legal.html.twig' --> </footer> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/page/page--wet-boew.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"en\/","currentPath":"milestones","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"UA-25191289-1","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"bootstrap":{"forms_has_error_value_toggle":1,"modal_animation":1,"modal_backdrop":"true","modal_focus_input":1,"modal_keyboard":1,"modal_select_text":1,"modal_show":1,"modal_size":"","popover_enabled":1,"popover_animation":1,"popover_auto_close":1,"popover_container":"body","popover_content":"","popover_delay":"0","popover_html":0,"popover_placement":"right","popover_selector":"","popover_title":"","popover_trigger":"click","tooltip_enabled":1,"tooltip_animation":1,"tooltip_container":"body","tooltip_delay":"0","tooltip_html":0,"tooltip_placement":"auto left","tooltip_selector":"","tooltip_trigger":"hover"},"user":{"uid":0,"permissionsHash":"0da33750f5111cb56ab29987c508bdbdf7820c15e442c022d61cfc02d4d0e976"},"ajax":[]}</script> <script src="/sites/default/files/js/js_xDfshaIVJAkEpNPHktf-m3jdq_3eAwJhqoIR0Pm4uuQ.js"></script> <!--[if lt IE 9]> <script src="/libraries/wet-boew/js/ie8-wet-boew.min.js?sn9hx6"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="/libraries/wet-boew/js/wet-boew.min.js?sn9hx6"></script> <!--<![endif]--> <!--[if lt IE 9]> <script src="/libraries/wet-boew/js/ie8-wet-boew2.min.js?sn9hx6"></script> <![endif]--> <script src="/sites/default/files/js/js_u4jZcUlglxLf_iVDFwRCrFIdFa19hU3dK3BuGu42iCM.js"></script> <script src="https://cdn-na.readspeaker.com/script/7385/webReader/webReader.js?pids=wr" id="rs_req_Init"></script> <script src="https://siteimproveanalytics.com/js/siteanalyze_6294210.js"></script> <script src="/sites/default/files/js/js_VGWSjwJvR5HFX63kDLZaXViKqukKEbuQ9bLhO82whAo.js"></script> </body> </html> <!-- END OUTPUT from 'themes/custom/chrc_wxt/templates/system/html.html.twig' -->