1 2 3<!doctype html> 4 5<html id="html"> 6 7<head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb#"> 8 9 10<meta charset="utf-8"> 11<meta name="viewport" content="width=device-width, initial-scale=1"> 12<meta http-equiv="X-UA-Compatible" content="IE=edge"> 13<title data-bind="text: page().title">About Us</title> 14<link rel="shortcut icon" href="/favicon.ico" /> 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32<meta name="twitter:card" content="summary" /><meta name="twitter:url" content="https://inspirationsnews.com/inspirations/about-us" /><meta name="twitter:title" content="About Us" /> 33<meta property="og:title" content="About Us" /><meta property="og:url" content="https://inspirationsnews.com/inspirations/about-us" /><meta property="og:type" content="website" /> 34 35 36
37<script> 38 /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ 39 !function (a) { "use strict"; var b = function (b, c, d) { function e(a) { return h.body ? a() : void setTimeout(function () { e(a) }) } function f() { i.addEventListener && i.removeEventListener("load", f), i.media = d || "all" } var g, h = a.document, i = h.createElement("link"); if (c) g = c; else { var j = (h.body || h.getElementsByTagName("head")[0]).childNodes; g = j[j.length - 1] } var k = h.styleSheets; i.rel = "stylesheet", i.href = b, i.media = "only x", e(function () { g.parentNode.insertBefore(i, c ? g : g.nextSibling) }); var l = function (a) { for (var b = i.href, c = k.length; c--;) if (k[c].href === b) return a(); setTimeout(function () { l(a) }) }; return i.addEventListener && i.addEventListener("load", f), i.onloadcssdefined = l, l(f), i }; "undefined" != typeof exports ? exports.loadCSS = b : a.loadCSS = b }("undefined" != typeof global ? global : this); 40 41 /*! onloadCSS. (onload callback for loadCSS) [c]2017 Filament Group, Inc. MIT License */ 42 function onloadCSS(a, b) { function c() { !d && b && (d = !0, b.call(a)) } var d; a.addEventListener && a.addEventListener("load", c), a.attachEvent && a.attachEvent("onload", c), "isApplicationInstalled" in navigator && "onloadcssdefined" in a && a.onloadcssdefined(c) } 43 44 /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ 45 !function (a) { if (a.loadCSS) { var b = loadCSS.relpreload = {}; if (b.support = function () { try { return a.document.createElement("link").relList.supports("preload") } catch (b) { return !1 } }, b.poly = function () { for (var b = a.document.getElementsByTagName("link"), c = 0; c < b.length; c++) { var d = b[c]; "preload" === d.rel && "style" === d.getAttribute("as") && (a.loadCSS(d.href, d, d.getAttribute("media")), d.rel = null) } }, !b.support()) { b.poly(); var c = a.setInterval(b.poly, 300); a.addEventListener && a.addEventListener("load", function () { b.poly(), a.clearInterval(c) }), a.attachEvent && a.attachEvent("onload", function () { a.clearInterval(c) }) } } }(this); 46</script>
46 47 48 49<!-- Critical CSS--> 50<style>/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ 51html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,footer,header,nav,section{display:block;}h1{font-size:2em;margin:.67em 0;}figcaption,figure,main{display:block;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;-webkit-text-decoration-skip:objects;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:inherit;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}dfn{font-style:italic;}mark{background-color:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-.25em;}sup{top:-.5em;}audio,video{display:inline-block;}audio:not([controls]){display:none;height:0;}img{border-style:none;}svg:not(:root){overflow:hidden;}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:.35em .75em .625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{display:inline-block;vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details,menu{display:block;}summary{display:list-item;}canvas{display:inline-block;}template{display:none;}[hidden]{display:none;}.mobile-hide{display:none;}@media(min-width:1025px){.mobile-hide{display:initial;}}@media(min-width:1025px){.desktop-hide{display:none;}}.container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}@media(min-width:1160px){.container{padding-left:0;padding-right:0;}}.font-raleway{font-family:'Raleway',Verdana,Arial,sans-serif;}.font-damion{font-family:'Damion',cursive;}.font-icomoon{font-family:'icomoon' !important;speak:none;}.breakout{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);}.button-color{background:#c7323e;}.font-normal{font-weight:400;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.font-extrabold{font-weight:800;}.font-black{font-weight:900;}.fade-out{transition:opacity 1s ease-out;opacity:0;position:absolute;z-index:0;top:0;width:100%;}.fade-in{animation:fade-in 1s;}@keyframes fade-in{0%{opacity:0;}100%{opacity:1;}}*,*:before,*:after{box-sizing:border-box;}html,button,input,select,textarea,.pure-g [class*="pure-u"]{font-family:'Raleway',Verdana,Arial,sans-serif;color:#6d6d6d;}main{position:relative;overflow:hidden;}header{position:relative;}.header__container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;font-weight:500;height:80px;position:relative;}@media(min-width:1160px){.header__container{padding-left:0;padding-right:0;}}.header__logo-wrapper{flex:0 0 59%;}.header__logo{display:block;max-width:225px;}.header__right{text-align:right;display:none;}.header__right-language{margin-bottom:1rem;}.header__right-language-link{text-decoration:none;color:#000;font-size:.9em;}.header__right-language-link--active{color:#c7323e;}.header__right-meta-search{height:1.6em;display:flex;align-items:center;}.header__right-meta-search-link{text-decoration:none;display:inline-flex;align-items:center;height:1.4em;color:#000;transition:color .2s ease-out;flex:0 0 auto;}.header__right-meta-search-link:hover,.header__right-meta-search-linkactive,.header__right-meta-search-link:focus{color:#c7323e;}.header__right-meta-search-link~.header__right-meta-search-link{margin-left:1rem;}.header__right-meta-search-link-icon{margin-right:.5em;}.header__right-meta-search-link-text{font-size:.9em;display:block;flex:0 0 auto;}.header__right-meta-search-link-img{max-width:1.5rem;margin-right:.5rem;width:100%;height:100%;}.header__right-meta-search-form{margin-left:.5rem;display:flex;align-items:center;display:none;}.header__right-meta-search-form-input{font-size:.8em;padding:.3em .4em .3em 1em;margin-left:-.8em;background:#eee;border:solid 1px #eee;border-top-right-radius:1em;border-bottom-right-radius:1em;width:100%;}.header__right-meta-search-form-input:focus{outline:none;border-color:#c7323e;background:#fff;}.header__right-meta-search-form-button{font-size:.8em;padding:.3em .4em;border:none;background:#c7323e;color:#fff;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}.header__right-tagline{margin-top:1rem;font-family:'Damion',cursive;font-size:1.3rem;color:#c7323e;}.header__warning-bar{background:#c7323e;color:#fff;}.header__warning-bar-container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;text-decoration:none;color:#fff;}@media(min-width:1160px){.header__warning-bar-container{padding-left:0;padding-right:0;}}.header__warning-bar-container:focus{outline:none;}.header__warning-bar-link{text-decoration:none;color:#fff;}.header__nav{background:#292a2c;font-size:1.2rem;position:relative;display:none;}.header__nav-container{max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;width:100%;}@media(min-width:1160px){.header__nav-container{padding-left:0;padding-right:0;}}.header__nav-link{text-decoration:none;color:#fff;padding:1rem;transition:color .2s ease-in;}.header__nav-link:hover,.header__nav-link--open{color:#c7323e;}.header__nav-link:hover+.header__nav-dropdown,.header__nav-link--open+.header__nav-dropdown{max-height:500px;box-shadow:0 5px 15px rgba(0,0,0,.2);}.header__nav-link--home{font-size:1.3rem;padding:1rem 0;}.header__nav-main{flex:1 0 auto;display:flex;justify-content:space-around;}.header__nav-dropdown-title{font-weight:600;margin-bottom:1rem;text-decoration:none;color:#000;margin-bottom:.3rem;display:block;}.header__nav-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:10000;max-height:0;transition:max-height .2s ease-out .3s;overflow:hidden;}.header__nav-dropdown:hover,.header__nav-dropdown:focus,.header__nav-dropdown.ally-focus-within{max-height:500px;box-shadow:0 5px 15px rgba(0,0,0,.2);}.header__nav-dropdown-container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding:2rem 1rem;}@media(min-width:1160px){.header__nav-dropdown-container{padding-left:0;padding-right:0;}}.header__nav-dropdown-section-wrapper{margin:0 -1rem;display:flex;width:100%;padding:0;}.header__nav-dropdown-section{border-right:solid 1px #ccc;flex:1 0 auto;padding:0 1rem;font-size:.9rem;}.header__nav-dropdown-section:last-child{border:none;}.header__nav-dropdown-section--images{flex:0 1 300px;}.header__nav-dropdown-list{list-style-type:none;margin:0 0 1rem 0;padding:0;}.header__nav-dropdown-list-item{list-style-type:none;margin:0;padding:0;}.header__nav-dropdown-list-item-link{text-decoration:none;display:inline-block;margin-bottom:.3rem;color:#000;transition:color .2s ease-in;}.header__nav-dropdown-list-item-link--first{font-weight:600;font-size:1rem;margin-bottom:.5rem;}.header__nav-dropdown-list-item-link:hover,.header__nav-dropdown-list-item-link:active{color:#c7323e;}.header__nav-dropdown-list-item-link--no-hover:hover,.header__nav-dropdown-list-item-link--no-hover:active{color:#000;}.header__nav-img-link{display:block;margin-bottom:1rem;}.header__nav-img-content{display:block;max-width:100%;}.header__nav-mobile{background:#292a2c;position:relative;height:56px;}.header__nav-mobile-container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;}@media(min-width:1160px){.header__nav-mobile-container{padding-left:0;padding-right:0;}}.header__nav-mobile-language-link{text-decoration:none;color:#fff;}.header__nav-mobile-language-link--active{color:#c7323e;}.header__nav-mobile-language-link~.header__nav-mobile-language-link{margin-left:.5rem;}.header__nav-mobile-search-wrapper{position:relative;}.header__nav-mobile-search{font-size:1.4rem;text-decoration:none;}.header__nav-mobile-search-text{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}.header__nav-mobile-search-icon{color:#c7323e;}.header__nav-mobile-search-form{position:absolute;
51left:0;right:0;top:100%;width:100%;background:#292a2c;z-index:10001;padding:0 1rem;display:flex;max-height:0;overflow:hidden;transition:all .2s ease-out;}.header__nav-mobile-search-form--open{max-height:100px;padding-top:.6rem;padding-bottom:.6rem;}.header__nav-mobile-search-form-input{padding:.5em .8em;flex:1 1 auto;max-width:none;min-width:0;border:solid 1px #fff;}.header__nav-mobile-search-form-input:active,.header__nav-mobile-search-form-input:focus{border-color:#c65059;}.header__nav-mobile-search-form-button{border:none;background:#c7323e;color:#fff;text-transform:uppercase;font-weight:500;font-size:.8rem;padding:.5em .8em;}@media(min-width:1025px){.header__container{height:auto;}.header__logo{max-width:275px;}.header__nav{display:block;}.header__nav-mobile{display:none;}.header__right{display:block;}}</style> 52 53<!-- Main CSS --> 54<link rel="preload" href="/Content/less/app.min.css?v=1.1" as="style" onload="this.rel='stylesheet'"> 55<noscript><link rel="stylesheet" href="/Content/less/app.min.css?v=1.1"></noscript> 56<link rel="preload" href="/Content/css/jquery-ui/jquery-ui.min.css" as="style" onload="this.rel='stylesheet'"> 57 58<!-- Google Fonts --> 59<link rel="preload" href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900|Damion" as="style" onload="this.rel='stylesheet'"> 60<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900|Damion"></noscript> 61 62 63 64 65<meta name="description" content="" /> 66<meta http-equiv='content-language' content='en-ca'/> 67<link rel="stylesheet" type="text/css" href="/ecms-editor-css.ashx/global.css" /><meta name="generator" content="Agility CMS" /> 68<meta name="agility_timestamp" content="2026-09-30 10:04:11 AM" /><meta name="agility_attributes" content="Mode=Live, IsPreview=False, Language=en-ca, Machine=wn1xsdwk000O72, CustomOutputCache=False" /> 69 70 71 72 <!-- Start cookie banner script -->
73<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/4f99ad5bef1282bf5f22ff90/script.js"></script>
73 74 <!-- End cookie banner script -->
75<script src="https://kit.fontawesome.com/dbb44aa360.js"></script>
75 76
77<script> 78 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 79 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 80 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 81 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 82 83 ga('create', 'G-4D4JJH2D3G', 'auto'); 84 ga('send', 'pageview'); 85 86</script>
86 87 88<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 88-89
88 89<script async src="https://www.googletagmanager.com/gtag/js?id=
89G-4D4JJH2D3G
vendor: 13 bytes, line 89
89"></script>
90<script> 91
vendor: 138 bytes, lines 91-95
91window.dataLayer = window.dataLayer || []; 92 function gtag(){dataLayer.push(arguments);} 93 gtag('js', new Date()); 94 95 gtag('config', '
95G-4D4JJH2D3G
vendor: 5 bytes, line 95
95');
96</script>
96 97 98 99 100 101<!-- Google Tag Manager -->
102<script>
vendor: 327 bytes, lines 102-106
102(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 103new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 104j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 105'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 106})(window,document,'script','dataLayer','
106GTM-MHKCVL
vendor: 3 bytes, line 106
106');
106</script>
106 107<!-- End Google Tag Manager --> 108
108<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTnnxWt9wDpzyCob8vLTtFrNa2bsL9Oss"></script>
108 109
109<script src="https://unpkg.com/@agility/web-studio-sdk@latest/dist/index.js"></script>
109 110</head> 111 112<body id="body" data-agility-guid="eadad41c-5283-4ef2-a789-1ec727afb0ad"> 113<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 113-114
113 114<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
114GTM-MHKCVL
vendor: 83 bytes, lines 114-115
114" 115height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
116<!-- End Google Tag Manager (noscript) --> 117 <div id="body__inner" class="global-loading" data-bind="globalLoading: initialLoading"> 118 119 120 121 122 <main data-bind="main: page"> 123 124 <div class="template-container"> 125 126 127 128 129<link href="https://fonts.googleapis.com/css2?family=Andika&display=swap" rel="stylesheet"><p></p> 130<!-- âââââââââââââââââââââââââââââââââââââââââââââââ 131 EXTERNAL RESOURCES 132 âââââââââââââââââââââââââââââââââââââââââââââââ --> 133<p></p> 134<!-- Web Awesome (replaces Font Awesome â includes X/Twitter icon) --> 135<p><link rel="stylesheet" href="https://ka-f.webawesome.com/[email protected]/styles/webawesome.css" /></p> 136<p>
137<script type="module" src="https://ka-f.webawesome.com/[email protected]/webawesome.loader.js"></script>
137 138</p> 139<!-- Google Fonts 140 display=swap â font-display:swap â text stays readable while fonts load (no FOIT) 141 Andika â accessible body font, designed for literacy 142 Antic â display font used in nav and headings 143 Kaushan Script â script font used in tagline and decorative headings 144 subset=latin â load only latin characters (faster, smaller) --> 145<p><link rel="preconnect" href="https://fonts.googleapis.com" /></p> 146<p></p> 147<p><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" /></p> 148<p></p> 149<p><link href="https://fonts.googleapis.com/css2?family=Andika:ital,wght@0,400;0,700;1,400;1,700&family=Antic&family=Dancing+Script:wght@700&family=Kaushan+Script&display=swap&subset=latin" rel="stylesheet" /></p> 150<style> 151 /* âââââââââââââââââââââââââââââââââââââââââââââââ 152 DESIGN TOKENS (single source of truth) 153 âââââââââââââââââââââââââââââââââââââââââââââââ */ 154 155 :root { 156 /* ââ Brand colours ââââââââââââââââââââââââââââââ 157 #0caddd is our primary sky-blue brand colour. 158 IMPORTANT: it only passes WCAG AA at large sizes (18px+ bold / 24px+ normal). 159 Use --color-primary-text for any body-sized text on white/light backgrounds. 160 ââ */ 161 --color-primary: #0caddd; 162 /* decorative, borders, icons, large headings */ 163 --color-primary-dark: #057da2; 164 /* teal â passes AA for large text (ratio ~4.8:1 on white) */ 165 --color-primary-text: #025f7a; 166 /* dark teal â passes AA for normal body text (ratio ~6.5:1) */ 167 --color-navy: #033359; 168 /* deep navy â CTAs, buttons */ 169 --color-navy-deep: #033a4d; 170 /* footer + nav background */ 171 172 /* ââ Neutrals âââââââââââââââââââââââââââââââââ */ 173 --color-text: #6b6b6b; 174 /* primary body text (ratio ~12:1 on white) */ 175 --color-muted: #555555; 176 /* secondary / captions (ratio ~7.4:1 on white) */ 177 --color-muted-light: #767676; 178 /* minimum AA-passing grey on white (ratio 4.54:1) */ 179 --color-border: #aaaaaa; 180 --color-bg-tint: #ebfbfb; 181 /* link-array header background */ 182 --color-bg-light: #eeeeee; 183 /* masonry cards */ 184 185 186 187 188/* ââ Typography âââââââââââââââââââââââââââââââ */ 189--font-body: 'Andika', 'Verdana', system-ui, sans-serif; 190/* accessible body font optimized for dyslexia and reading speed */ 191 192--font-display: 'Antic', 'Helvetica Neue', Arial, sans-serif; 193 194--font-script: 'Kaushan Script', Georgia, garment, serif; 195 196 197 /* Base scale â relative to user's browser font-size preference (typically 16px). 198 Using % instead of px respects user accessibility settings. */ 199 --text-base: 1rem; 200 /* 16px equivalent */ 201 --text-sm: 0.875rem; 202 /* 14px â use sparingly, avoid below 12px */ 203 --text-lg: 1.125rem; 204 /* 18px */ 205 --text-xl: 1.25rem; 206 /* 20px */ 207 208 /* WCAG 1.4.12 Text Spacing â minimum recommended values */ 209 --line-height-body: 1.6; 210 --line-height-heading: 1.3; 211 --letter-spacing-body: 0.012em; 212 213 /* ââ Spacing âââââââââââââââââââââââââââââââââââ */ 214 --radius-btn: 30px; 215 --radius-card: 3px; 216 } 217 218/* âââââââââââââââââââââââââââââââââââââââââââââââ 219GLOBAL FONT OVERRIDE 220âââââââââââââââââââââââââââââââââââââââââââââââ */ 221 222*:not(i):not([class*="icon"]):not([class*="fa"]):not([class*="wa-"]):not(wa-icon):not(.header__right-tagline):not(.makes-news), 223*:not(i):not([class*="icon"]):not([class*="fa"]):not([class*="wa-"]):not(wa-icon):not(.header__right-tagline):not(.makes-news)::before, 224*:not(i):not([class*="icon"]):not([class*="fa"]):not([class*="wa-"]):not(wa-icon):not(.header__right-tagline):not(.makes-news)::after 225{ 226font-family: 'Andika', 'Verdana', system-ui, sans-serif !important; 227} 228 229h1, h2:not(.makes-news), h3, h4, h5, h6, 230.header__nav-link { 231font-family: 'Antic', 'Helvetica Neue', Arial, sans-serif !important; 232} 233 234h2.makes-news { 235font-family: 'Dancing Script', cursive !important; 236} 237 238h2.makes-news em { 239font-family: 'Kaushan Script', cursive !important; 240} 241.header__right-tagline, 242.header__right-tagline * { 243font-family: 'Kaushan Script', Georgia, serif !important; 244} 245 /* âââââââââââââââââââââââââââââââââââââââââââââââ 246 BASE 247 âââââââââââââââââââââââââââââââââââââââââââââââ */ 248 249 /* font-size:100% scales with the user's browser preference instead of 250 overriding it â critical for users who rely on larger default sizes. */ 251 html { 252 font-size: 100%; 253 } 254 255 body { 256 font-size: var(--text-base); 257 line-height: var(--line-height-body); 258 /* WCAG 1.4.12 */ 259 letter-spacing: var(--letter-spacing-body); 260 color: var(--color-text); 261 } 262 263 /* Inherit font on all interactive elements so they scale with the page */ 264 button, 265 input, 266 select, 267 textarea,
268 .pure-g [class*="pure-u"] { 269 font-family: inherit; 270 font-size: inherit; 271 } 272 273 /* ââ Links âââââââââââââââââââââââââââââââââââââââ 274 Underline on by default for WCAG 1.4.1 (don't rely on colour alone). 275 text-underline-offset improves readability on descenders. */ 276 a { 277 color: var(--color-primary-text); 278 text-underline-offset: 3px; 279 transition: color 0.25s ease; 280 } 281 282 a:hover { 283 color: var(--color-primary-dark); 284 text-decoration: underline; 285 } 286 287 /* ââ Focus indicator âââââââââââââââââââââââââââââ 288 Visible focus ring for keyboard / switch / screen-reader users. 289 :focus-visible avoids showing the ring on mouse clicks. */ 290 :focus-visible { 291 outline: 3px solid var(--color-primary); 292 outline-offset: 3px; 293 border-radius: 2px; 294 } 295 296 /* ââ Reduced motion ââââââââââââââââââââââââââââââ 297 Disable transitions for users who request it (vestibular disorders, epilepsy). */ 298 @media (prefers-reduced-motion: reduce) { 299 300 *, 301 *::before, 302 *::after { 303 transition-duration: 0.01ms !important; 304 animation-duration: 0.01ms !important; 305 } 306 } 307 308 /* âââââââââââââââââââââââââââââââââââââââââââââââ 309 HEADER 310 âââââââââââââââââââââââââââââââââââââââââââââââ */ 311 312 .header__logo { 313 max-width: 500px; 314 } 315 316 .header__right-meta-search-form-input { 317 width: 100%; 318 } 319 320 321 322 .header__nav-mobile-search-wrapper { 323 margin-left: 27px; 324 margin-top: 55px; 325 } 326 327 .header__right-meta-search-link-img { 328 max-width: 7.5rem; 329 width: 100%; 330 height: 100%; 331 margin: 62px 0.5rem 74px 14px; 332 } 333 334 335 /* âââââââââââââââââââââââââââââââââââââââââââââââ 336 NAV BAR â dark petrol + #0caddd active pill 337 âââââââââââââââââââââââââââââââââââââââââââââ 338 Targets existing Agility CMS header classes â 339 no changes needed to the nav HTML template. 340 âââââââââââââââââââââââââââââââââââââââââââââââ */ 341 342 /* Outer wrapper â dark petrol, space below before page content */ 343 .header__nav { 344 background: var(--color-navy-deep) !important; 345 /* #033a4d */ 346 padding: 0 1rem !important; 347 margin-bottom: 1.5rem !important; 348 } 349 350 /* Inner container â centered flex row */ 351 .header__nav-main { 352 display: flex !important; 353 align-items: center !important; 354 justify-content: center !important; 355 gap: 4px !important; 356 padding: 8px 0 !important; 357 flex-wrap: wrap !important; 358 background: none !important; 359 height: auto !important; 360 } 361 362 /* Every nav link 363 â Antic gives the nav a distinct display feel vs Andika body text 364 â full white on #033a4d = ratio ~14:1 (WCAG AAA â) 365 â 44px+ touch target via padding (WCAG 2.5.5) */ 366 .header__nav-link { 367 display: inline-flex !important; 368 align-items: center !important; 369 font-family: var(--font-display) !important; 370 color: #ffffff !important; 371 padding: 11px 24px !important; 372 border-radius: var(--radius-btn) !important; 373 font-size: 1.1rem !important; 374 font-weight: 700 !important; 375 letter-spacing: 0.06em !important; 376 line-height: 1.3 !important; 377 white-space: nowrap !important; 378 text-decoration: none !important; 379 transition: background 0.2s ease, color 0.2s ease !important; 380 } 381 382 /* Home icon â square touch target */ 383 .header__nav-link--home { 384 font-size: 1.4rem !important; 385 padding: 11px 16px !important; 386 } 387 388 /* Hover state */ 389 .header__nav-link:hover, 390 .header__nav-link--open { 391 background: rgba(255, 255, 255, 0.12) !important; 392 color: #ffffff !important; 393 } 394 395 /* Active / current page â #0caddd pill, white text */ 396 .header__nav-link--active { 397 background: var(--color-primary) !important; 398 color: #ffffff !important; 399 box-shadow: 0 2px 10px rgba(12, 173, 221, 0.4) !important; 400 } 401 402 /* Dropdown â keep existing behaviour intact */ 403 .header__nav-link:hover+.header__nav-dropdown, 404 .header__nav-link--open+.header__nav-dropdown { 405 max-height: 500px !important; 406 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important; 407 } 408 409 /* Focus ring â primary blue visible against dark background */ 410 .header__nav-link:focus-visible { 411 outline: 3px solid var(--color-primary) !important; 412 outline-offset: 2px !important; 413 } 414 415 416 /* âââââââââââââââââââââââââââââââââââââââââââââââ 417 RICH TEXT 418 âââââââââââââââââââââââââââââââââââââââââââââââ */ 419 420 /* font-family already inherited from body â no need to re-declare on every child */ 421 .rich-text h1 { 422 font-weight: 550; 423 font-size: 3.05rem; 424 line-height: var(--line-height-heading); 425 /* --color-primary-dark (#057da2) passes WCAG AA for large text (ratio ~4.8:1) */ 426 color: var(--color-primary-dark); 427 } 428 429 .rich-text blockquote { 430 display: flex; 431 align-items: center; 432 margin: 4em 0; 433 padding: 2em 0; 434 border-top: 1px solid var(--color-primary-dark); 435 border-bottom: 1px solid var(--color-primary-dark); 436 } 437 438 .rich-text blockquote p { 439 /* --color-primary-text (#025f7a) passes AA for normal text (ratio ~6.5:1) */ 440 color: var(--color-primary-text); 441 padding: 0 2rem; 442 margin-bottom: 1rem; 443 font-style: italic; 444 font-weight: 300; 445 font-size: 1.1rem; 446 line-height: 1.6; 447 } 448 449 450 /* âââââââââââââââââââââââââââââââââââââââââââââââ 451 ARTICLE META 452 âââââââââââââââââââââââââââââââââââââââââââââââ */ 453 454 .article-meta__department {
455 display: none !important; 456 } 457 458 .article-meta__left { 459 color: var(--color-primary-text); 460 font-weight: 700; 461 font-size: var(--text-base); 462 } 463 464 .article-meta__left::before { 465 content: "Share this article:"; 466 text-transform: uppercase; 467 } 468 469 .article-meta__author { 470 margin-top: 15px; 471 font-style: italic; 472 color: var(--color-primary-text); 473 } 474 475 .article-meta__author::before { 476 content: "by "; 477 font-style: italic; 478 } 479 480 .article-meta__right { 481 margin-top: -20px; 482 } 483 484 485 /* âââââââââââââââââââââââââââââââââââââââââââââââ 486 FEATURED ARTICLE â READ MORE BUTTON 487 âââââââââââââââââââââââââââââââââââââââââââââââ */ 488 489 .featured-article__content-read-more { 490 display: inline-block; 491 padding: 0.4em 2em 0.6em; 492 min-width: 100px; 493 width: 100%; 494 text-align: center; 495 text-decoration: none; 496 font: 500 1rem var(--font-body); 497 border-radius: var(--radius-btn); 498 background: var(--color-navy); 499 border: 1px solid var(--color-navy); 500 color: #ffffff; 501 transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease; 502 } 503 504 .featured-article__content-read-more:hover { 505 background: #ffffff; 506 color: var(--color-navy); 507 border-color: var(--color-navy); 508 } 509 510 511 /* âââââââââââââââââââââââââââââââââââââââââââââââ 512 ACCORDION 513 âââââââââââââââââââââââââââââââââââââââââââââââ */ 514 515 .accordion__content--open { 516 max-height: 100% !important; 517 overflow-y: hidden; 518 } 519 520 521 /* âââââââââââââââââââââââââââââââââââââââââââââââ 522 LINK ARRAY 523 âââââââââââââââââââââââââââââââââââââââââââââââ */ 524 525 .link-array__item { 526 flex: 0 0 100%; 527 margin-bottom: 0; 528 } 529 530 .link-array__item-wrapper { 531 margin: 0 -1rem; 532 overflow: hidden; 533 flex-wrap: wrap; 534 } 535 536 .link-array__item-title { 537 display: flex; 538 align-items: center; 539 padding: 0.8rem 0.8rem 0.8rem 1rem; 540 margin-bottom: 2rem; 541 font-size: 1.1rem; 542 text-transform: uppercase; 543 background-color: var(--color-bg-tint); 544 border-bottom: 1px solid var(--color-border); 545 } 546 547 .link-array__item-link { 548 display: block; 549 margin-bottom: 1rem; 550 padding-left: 2.5rem; 551 font-weight: 400; 552 /* 300 (thin) is hard to read â 400 is minimum */ 553 color: var(--color-primary-text); 554 text-decoration: underline; 555 /* WCAG 1.4.1 â don't convey links by colour alone */ 556 text-underline-offset: 3px; 557 transition: color 0.25s ease; 558 } 559 560 .link-array__item-link:hover { 561 color: var(--color-primary-dark); 562 } 563 564 565 /* âââââââââââââââââââââââââââââââââââââââââââââââ 566 BANNER / HERO SLIDER 567 âââââââââââââââââââââââââââââââââââââââââââââââ */ 568 569 .banner-slider, 570 .banner-slider__container, 571 .banner-slider__slide { 572 height: 520px; 573 } 574 575 .banner-slider { 576 position: relative; 577 overflow: hidden; 578 margin-bottom: 25px; 579 } 580 581 .banner-slider__container { 582 position: relative; 583 border: none; 584 } 585 586 .banner-slider__slide-container { 587 max-width: 100%; 588 } 589 590 .banner-slider__slide { 591 padding-bottom: 0; 592 } 593 594 @media (max-width: 500px) { 595 596 .banner-slider, 597 .banner-slider__container, 598 .banner-slider__slide { 599 height: 400px; 600 } 601 602 .banner-slider__slide-content { 603 max-width: 100%; 604 max-height: 100%; 605 background: transparent; 606 width: 90%; 607 } 608 609 .banner-slider__slide-content-text { 610 max-width: 90%; 611 } 612 613 .banner-slider__slide-content h2 { 614 font-size: 2rem; 615 } 616 } 617 618 619 /* âââââââââââââââââââââââââââââââââââââââââââââââ 620 MISC COMPONENTS 621 âââââââââââââââââââââââââââââââââââââââââââââââ */ 622 623 .mini-event-listing { 624 background-color: transparent !important; 625 margin: 0; 626 padding: 0; 627 } 628 629 /* Social nav â accessible teal instead of light sky blue */ 630 a.social-nav { 631 color: var(--color-primary-text) !important; 632 transition: color 0.25s ease; 633 } 634 635 a.social-nav:hover { 636 color: var(--color-primary-dark) !important; 637 } 638 639 .hover-zoom { 640 transition: transform 0.3s ease; 641 } 642 643 .hover-zoom:hover { 644 transform: scale(0.9); 645 } 646 647 .jackie-color { 648 color: #cd1493; 649 font-weight: 700; 650 } 651 652 /* Advertorial label */ 653 .advertorial-label { 654 display: inline-flex; 655 align-items: center; 656 gap: 7px; 657 padding: 5px 12px 5px 10px; 658 border: 1px solid rgba(184, 115, 51, 0.25); 659 border-radius: 4px; 660 font-size: 11px; 661 font-weight: 500; 662 letter-spacing: 0.08em; 663 text-transform: uppercase; 664 color: #6b7280; 665 background: #faf8f6; 666 margin-bottom: 1rem; 667 width: fit-content; 668 } 669 670 .advertorial-label::before { 671 content: ''; 672 display: inline-block; 673 width: 6px; 674 height: 6px; 675 border-radius: 50%; 676 background: #B87333; 677 flex-shrink: 0; 678 } 679 680 .advertorial-label strong { 681 color: #B87333; 682 font-weight: 600; 683 letter-spacing: 0.1em; 684 } 685 686 687 /* âââââââââââââââââââââââââââââââââââââââââââââââ 688 NEWS DETAILS 689 âââââââââââââââââââââââââââââââââââââââââââââââ */ 690
691 .news-details { 692 padding: 0 40px 0 0; 693 } 694 695 .news-details__media-caption { 696 /* font-family inherited from body â no need to redeclare */ 697 color: var(--color-muted) !important; 698 font-style: italic; 699 line-height: var(--line-height-body); 700 } 701 702 .news-details__media-image { 703 width: 90% !important; 704 height: auto; 705 } 706 707 708 /* âââââââââââââââââââââââââââââââââââââââââââââââ 709 MASONRY GRID 710 âââââââââââââââââââââââââââââââââââââââââââââââ */ 711 712 .masonry { 713 margin: 1.5em 0; 714 padding: 0; 715 column-gap: 1.5em; 716 font-size: 0.85em; 717 } 718 719 @media (min-width: 700px) { 720 .masonry { 721 column-count: 2; 722 } 723 } 724 725 @media (min-width: 900px) { 726 .masonry { 727 column-count: 3; 728 } 729 } 730 731 .item { 732 display: inline-block; 733 width: 100%; 734 padding: 1.5em; 735 margin: 0 0 1.5em; 736 box-sizing: border-box; 737 background: var(--color-bg-light); 738 border-radius: var(--radius-card); 739 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); 740 } 741 742 .item img { 743 max-width: 100%; 744 height: auto; 745 display: block; 746 } 747 748 749 /* âââââââââââââââââââââââââââââââââââââââââââââââ 750 FOOTER 751 âââââââââââââââââââââââââââââââââââââââââââââââ */ 752 753 footer { 754 background: var(--color-navy-deep) !important; 755 color: #ffffff; 756 } 757 758 .footer__logo-img { 759 max-width: 80%; 760 padding-right: 1rem; 761 } 762 763 .ftr-lnk a:visited { 764 color: #9e9e9e !important; 765 } 766 767 768 /* âââââââââââââââââââââââââââââââââââââââââââââââ 769 BUTTON OVERRIDES 770 Replaces red (#c7323e) with on-brand colours. 771 HTML classes (.red-button, .red-outline-button) stay untouched. 772 âââââââââââââââââââââââââââââââââââââââââââââââ */ 773 774 /* Filled button â was red, now dark petrol */ 775 .red-button a, 776 .red-button button { 777 background: var(--color-navy-deep) !important; 778 color: #ffffff !important; 779 border-radius: var(--radius-btn) !important; 780 font-family: var(--font-display) !important; 781 font-weight: 700 !important; 782 letter-spacing: 0.04em !important; 783 padding: 0.75em 2em !important; 784 } 785 786 .red-button a:visited { 787 color: #ffffff !important; 788 } 789 790 .red-button a:hover, 791 .red-button button:hover { 792 background: var(--color-primary) !important; 793 color: #ffffff !important; 794 } 795 796 .red-button a:active, 797 .red-button a:focus, 798 .red-button button:active, 799 .red-button button:focus { 800 background: var(--color-primary-dark) !important; 801 color: #ffffff !important; 802 } 803 804 .red-button a:disabled, 805 .red-button button:disabled { 806 background: var(--color-border) !important; 807 cursor: not-allowed !important; 808 } 809 810 /* Outline button â was red border, now dark petrol border */ 811 .red-outline-button a, 812 .red-outline-button button { 813 background: transparent !important; 814 border: 2px solid var(--color-navy-deep) !important; 815 color: var(--color-navy-deep) !important; 816 border-radius: var(--radius-btn) !important; 817 font-family: var(--font-display) !important; 818 font-weight: 700 !important; 819 letter-spacing: 0.04em !important; 820 padding: 0.75em 2em !important; 821 } 822 823 .red-outline-button a:hover, 824 .red-outline-button button:hover { 825 background: var(--color-navy-deep) !important; 826 color: #ffffff !important; 827 } 828 829 830 /* âââââââââââââââââââââââââââââââââââââââââââââââ 831 LIGHTBOX 832 (external JS: lightbox.min.js loaded separately) 833 âââââââââââââââââââââââââââââââââââââââââââââââ */ 834 835 body.lb-disable-scrolling { 836 overflow: hidden; 837 } 838 839 .lightboxOverlay { 840 position: absolute; 841 top: 0; 842 left: 0; 843 z-index: 9999; 844 background: black; 845 opacity: 0.8; 846 display: none; 847 } 848 849 .lightbox { 850 position: absolute; 851 left: 0; 852 width: 100%; 853 z-index: 10000; 854 text-align: center; 855 line-height: 0; 856 font-weight: normal; 857 outline: none; 858 } 859 860 .lightbox .lb-image { 861 display: block; 862 height: auto; 863 max-width: inherit; 864 border-radius: 3px; 865 border: 4px solid white; 866 } 867 868 .lightbox a img { 869 border: none; 870 } 871 872 .lb-outerContainer { 873 position: relative; 874 width: 250px; 875 height: 250px; 876 margin: 0 auto; 877 border-radius: 4px; 878 background: white; 879 } 880 881 .lb-outerContainer::after { 882 content: ""; 883 display: table; 884 clear: both; 885 } 886 887 .lb-loader { 888 position: absolute; 889 top: 43%; 890 left: 0; 891 height: 25%; 892 width: 100%; 893 text-align: center; 894 line-height: 0; 895 } 896 897 .lb-cancel { 898 display: block; 899 width: 32px; 900 height: 32px; 901 margin: 0 auto; 902 background: url("https://cdn.aglty.io/emsb/johngrant/js/loading.gif") no-repeat; 903 } 904 905 .lb-nav { 906 position: absolute; 907 top: 0; 908 left: 0; 909 height: 100%; 910 width: 100%; 911 z-index: 10; 912 } 913 914 .lb-nav a { 915 outline: none; 916 background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); 917 } 918 919 .lb-prev, 920 .lb-next { 921 height: 100%; 922 cursor: pointer; 923 display: block; 924 } 925 926 .lb-nav a.lb-prev { 927 width: 34%; 928 float: left; 929 background: url("https://cdn.aglty.io/emsb/johngrant/js/prev.png") left 48% no-repeat; 930 opacity: 0; 931 transition: opacity 0.6s; 932 } 933 934 .lb-nav a.lb-next { 935 width: 64%; 936 float: right; 937 background: url("https://cdn.aglty.io/emsb/johngrant/js/next.png") right 48% no-repeat; 938 opacity: 0; 939 transition: opacity 0.6s; 940 } 941 942 .lb-nav a.lb-prev:hover, 943 .lb-nav a.lb-next:hover { 944 opacity: 1; 945 } 946 947 .lb-dataContainer { 948 margin: 0 auto; 949 padding-top: 5px; 950 width: 100%; 951 border-bottom-left-radius: 4px; 952 border-bottom-right-radius: 4px; 953 } 954 955 .lb-dataContainer::after { 956 content: ""; 957 display: table; 958 clear: both; 959 } 960 961 .lb-data { 962 padding: 0 4px; 963 color: #ccc; 964 } 965
966 .lb-data .lb-details { 967 width: 85%; 968 float: left; 969 text-align: left; 970 line-height: 1.1em; 971 } 972 973 .lb-data .lb-caption { 974 font-size: 13px; 975 font-weight: 700; 976 line-height: 1em; 977 } 978 979 .lb-data .lb-caption a { 980 color: #4ae; 981 } 982 983 .lb-data .lb-number { 984 display: block; 985 clear: left; 986 padding-bottom: 1em; 987 font-size: 12px; 988 color: var(--color-muted-light); 989 } 990 991 .lb-data .lb-close { 992 display: block; 993 float: right; 994 width: 30px; 995 height: 30px; 996 background: url("https://cdn.aglty.io/emsb/johngrant/js/close.png") top right no-repeat; 997 text-align: right; 998 outline: none; 999 opacity: 0.7; 1000 transition: opacity 0.2s; 1001 } 1002 1003 .lb-data .lb-close:hover { 1004 cursor: pointer; 1005 opacity: 1; 1006 } 1007 1008 /* âââââââââââââââââââââââââââââââââââââââââââââââ 1009 FEATURED ARTICLE OVERRIDES 1010 Replaces red (#c7323e) with on-brand colours. 1011 âââââââââââââââââââââââââââââââââââââââââââââââ */ 1012 1013 /* Read more button â outline style, now petrol border */ 1014 .featured-article__content-read-more { 1015 border: 2px solid var(--color-navy-deep) !important; 1016 color: var(--color-navy-deep) !important; 1017 background: transparent !important; 1018 border-radius: var(--radius-btn) !important; 1019 font-family: var(--font-display) !important; 1020 font-weight: 700 !important; 1021 letter-spacing: 0.04em !important; 1022 } 1023 1024 .featured-article__content-read-more:hover, 1025 .featured-article__content-read-more:focus, 1026 .featured-article__content-read-more:active { 1027 background: var(--color-navy-deep) !important; 1028 color: #ffffff !important; 1029 } 1030 1031 /* Article title â petrol instead of red */ 1032 .featured-article__content-title, 1033 .featured-article__content-title a { 1034 color: var(--color-primary-text) !important; 1035 text-decoration: none !important; 1036 } 1037 1038 .featured-article__content-title a:hover { 1039 color: var(--color-primary-dark) !important; 1040 text-decoration: underline !important; 1041 } 1042 1043 h2.makes-news, 1044 h2.makes-news em { 1045 font-family: 'Dancing Script', cursive !important; 1046 } 1047 1048 h2.makes-news em { 1049 font-family: 'Kaushan Script', cursive !important; 1050 } 1051</style> 1052<!-- âââââââââââââââââââââââââââââââââââââââââââââââ 1053 X/TWITTER ICON USAGE 1054 Old: <i class="fab fa-twitter-square"></i> 1055 New: <wa-icon library="brands" name="x-twitter"></wa-icon> 1056 âââââââââââââââââââââââââââââââââââââââââââââââ --> 1057<p></p> 1058<!-- Lightbox JS (keep as external script, NOT inside <style>) --> 1059<p>
1060<script src="https://cdn.aglty.io/emsb/johngrant/js/lightbox.min.js"></script>
1060 1061</p> <header> 1062 <div class="header__container"> 1063 1064 <a href="/inspirations" 1065 title="http://www.inspirationsnews.com" 1066 target="_self" 1067 class="header__logo-wrapper"> 1068 <img alt="logo" class="header__logo" src="https://cdn.aglty.io/emsb/inspirations/img/inspirationsnewlogo_3.svg" /> 1069 </a> 1070 1071 <div class="header__right"> 1072 1073 <div class="header__right-language"> 1074 <a class="header__right-language-link" href="#" data-bind="languageSwitcher: 'en-ca'"></a> 1075 <a class="header__right-language-link" href="#" data-bind="languageSwitcher: 'fr-ca'"></a> 1076 1077 </div> 1078 <div class="header__right-meta-search"> 1079 1080 <a href="https://www.instagram.com/inspirationsmontreal" 1081 title="Instagram" 1082 target="_blank" 1083 class="header__right-meta-search-link"> 1084 <span class="header__right-meta-search-link-icon circle-icon" aria-hidden="true"> 1085 <span class="circle-icon__bg"></span> 1086 <span class="circle-icon__content icon-instagram"></span> 1087 </span> 1088 <span class="header__right-meta-search-link-text">Instagram</span> 1089 </a> 1090 <a href="https://www.facebook.com/inspirationsmontreal" 1091 title="Facebook" 1092 target="_blank" 1093 class="header__right-meta-search-link"> 1094 <span class="header__right-meta-search-link-icon circle-icon" aria-hidden="true"> 1095 <span class="circle-icon__bg"></span> 1096 <span class="circle-icon__content icon-facebook-square"></span> 1097 </span> 1098 <span class="header__right-meta-search-link-text">Facebook</span> 1099 </a> 1100 <a href="https://www.youtube.com/@inspirationsnewsmtl" 1101 title="Youtube" 1102 target="_blank" 1103 class="header__right-meta-search-link"> 1104 <span class="header__right-meta-search-link-icon circle-icon" aria-hidden="true"> 1105 <span class="circle-icon__bg"></span> 1106 <span class="circle-icon__content icon-youtube"></span> 1107 </span> 1108 <span class="header__right-meta-search-link-text">YouTube</span> 1109 </a> 1110 <a href="/inspirations/donation" 1111 title="Donate us" 1112 target="_self" 1113 class="header__right-meta-search-link"> 1114<img alt="Donate us" class="header__right-meta-search-link-img" src="https://cdn.aglty.io/emsb/inspirations/img/donate.png" /> <span class="header__right-meta-search-link-text"></span> 1115 </a> 1116 1117 <form class="header__right-meta-search-form" method="get" action="/inspirations/search-results"> 1118 1119 <span class="header__right-meta-search-form-icon circle-icon" aria-hidden="true"> 1120 <span class="circle-icon__bg"></span> 1121 <span class="circle-icon__content icon-search"></span> 1122 </span> 1123 1124 <input type="text" 1125 name="q" 1126 class="header__right-meta-search-form-input" 1127 placeholder="Search"> 1128 1129 <input type="submit" value="Search" class="header__right-meta-search-form-button" tabindex="-1"> 1130 1131 </form> 1132 1133 </div> 1134 1135 <div class="header__right-tagline">Promoting inclusion and mental well-being Promouvoir lâinclusion et le mieux-être mental</div> 1136 </div> 1137 1138 <div class="header__nav-mobile-search-wrapper"> 1139 <a href="#" class="header__nav-mobile-search" data-bind="click: APP.mobileSearch.open.toggle, attr: {'aria-label': APP.mobileSearch.open() ? 'Close Search' : 'Open Search', 'title': APP.mobileSearch.open() ? 'Close Search' : 'Open Search' }" title="Open Search">
1140 <span class="header__nav-mobile-search-icon icon-search" aria-hidden="true"></span> 1141 <span class="header__nav-mobile-search-text">Search</span> 1142 </a> 1143 </div> 1144 <form method="GET" action="/inspirations/search-results" class="header__nav-mobile-search-form" style="background-color: #0caddd;" data-bind="css: {'header__nav-mobile-search-form--open': APP.mobileSearch.open()}, attr: {'aria-hidden': APP.mobileSearch.open() ? 'false' : 'true'}"> 1145 <input name="q" 1146 placeholder="Search" 1147 class="header__nav-mobile-search-form-input" type="text"> 1148 1149 <input type="submit" value="Search" class="header__nav-mobile-search-form-button"> 1150 </form> 1151 1152 </div> 1153 1154 1155 <nav id="header__nav-desktop" class="header__nav" style="background-color: #0caddd;"> 1156 1157 <div class="header__nav-container"> 1158 1159 <div class="header__nav-main"> 1160 1161 <a href="/inspirations" title="Go to homepage" class="header__nav-link header__nav-link--home"> 1162 <span class="icon-home" aria-hidden="true"></span> 1163 </a> 1164 1165<a class="header__nav-link" href="#" target="_self" title="About">About</a> <div class="header__nav-dropdown" tabindex="-1"> 1166 1167 <div class="header__nav-dropdown-container"> 1168 1169 <div class="header__nav-dropdown-section-wrapper"> 1170 1171 <div class="header__nav-dropdown-section"> 1172 1173 1174 1175 1176 <ul class="header__nav-dropdown-list"> 1177 1178 <li class="header__nav-dropdown-list-item"> 1179 1180<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">About Inspiration</span> 1181 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1182 <li class="header__nav-dropdown-list-item"> 1183 <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us" target="_self" title="About Us">About Us</a> 1184 </li> 1185 <li class="header__nav-dropdown-list-item"> 1186 <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/editor-s-message" target="_self" title="Editors Message">Editors Message</a> 1187 </li> 1188 <li class="header__nav-dropdown-list-item"> 1189 <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a> 1190 </li> 1191 <li class="header__nav-dropdown-list-item"> 1192 <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a> 1193 </li> 1194 <li class="header__nav-dropdown-list-item"> 1195 <a class="header__nav-dropdown-list-item-link" href="/inspirations/contact-donate" target="_self" title="Where To Find Us">Where To Find Us</a> 1196 </li> 1197 </ul> 1198 </li> 1199 </ul> 1200 1201 </div> 1202 1203 <div class="header__nav-dropdown-section rich-text"> 1204 <div style="max-width: 25%; text-align: left;"><img src="https://cdn.aglty.io/emsb/inspirations/img/parkdaleabout-us450-px.jpg" style="margin-right: 20px; float: left;" caption="false" width="300" /> <span style="color: #333333; text-align: left;"> 1205<p><em>Inspirations</em>
1205 is much more than a newspaper. It is a resource that informs and connects parents, caregivers, teachers, students and the public-at-large to the special needs community. Our bi-annual publications, extensive community outreach, social media and podcasts, and our database of special needs resources are the staples which drive <em>Inspirations</em>.</p> 1206</span></div> 1207 </div> 1208 </div> 1209 </div> 1210 </div> 1211<a class="header__nav-link" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a> <div class="header__nav-dropdown" tabindex="-1"> 1212 1213 <div class="header__nav-dropdown-container"> 1214 1215 <div class="header__nav-dropdown-section-wrapper"> 1216 1217 <div class="header__nav-dropdown-section"> 1218 1219 1220 1221 1222 <ul class="header__nav-dropdown-list"> 1223 1224 <li class="header__nav-dropdown-list-item"> 1225 1226<a class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--first" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a> 1227 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1228 <li class="header__nav-dropdown-list-item"> 1229 <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/print-editions" target="_self" title="Print Editions">Print Editions</a> 1230 </li> 1231 <li class="header__nav-dropdown-list-item"> 1232 <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/online-editions" target="_self" title="Online Editions">Online Editions</a> 1233 </li> 1234 </ul> 1235 </li> 1236 </ul> 1237 1238 </div> 1239 1240 <div class="header__nav-dropdown-section rich-text"> 1241 <div style="max-width: 30%; text-align: left;"><img src="https://cdn.aglty.io/emsb/inspirations/img/our-editions-layover640px.jpeg" style="margin-right: 20px; float: left;" caption="false" width="350" /> 1242<p style="text-align: left;"><span style="color: #333333;"><br />In our 17th year, </span><em style="color: #333333;">Inspirations</em><span style="color: #333333;"> continues to grow! We provide our readers with resourceful information, the most up-to-date special needs news, and inspirational stories. Our contributors are experts in the field, covering a wide range of issues from autism spectrum disorder to learning disabilities, visual and hearing impairments to, physical impairments.</span></p> 1243</div> 1244 </div> 1245 </div> 1246 </div> 1247 </div> 1248<a class="header__nav-link" href="#" target="_self" title="News & Podcasts">News & Podcasts</a> <div class="header__nav-dropdown" tabindex="-1"> 1249 1250 <div class="header__nav-dropdown-container"> 1251 1252 <div class="header__nav-dropdown-section-wrapper"> 1253 1254 <div class="header__nav-dropdown-section"> 1255 1256 1257 1258 1259 <ul class="header__nav-dropdown-list"> 1260 1261 <li class="header__nav-dropdown-list-item"> 1262 1263<a class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--first" href="/inspirations/events" target="_self" title="News">News</a> 1264 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1265 <li class="header__nav-dropdown-list-item"> 1266 <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/our-articles" target="_self" title="Editions & Articles">Editions & Articles</a> 1267 </li> 1268 <li class="header__nav-dropdown-list-item"> 1269 <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/jackie-fisher-empathy-tour" target="_self" title="The Jackie Fisher Empathy Tour ">
1269The Jackie Fisher Empathy Tour </a> 1270 </li> 1271 <li class="header__nav-dropdown-list-item"> 1272 <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/inspirationsnews-blog" target="_self" title="Shining lights of accessibility blog">Shining lights of accessibility blog</a> 1273 </li> 1274 <li class="header__nav-dropdown-list-item"> 1275 <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/lets-dance" target="_self" title="Letâs Dance">Letâs Dance</a> 1276 </li> 1277 <li class="header__nav-dropdown-list-item"> 1278 <a class="header__nav-dropdown-list-item-link" href="/inspirations/social-media" target="_self" title="Social Media & Our Videos">Social Media & Our Videos</a> 1279 </li> 1280 <li class="header__nav-dropdown-list-item"> 1281 <a class="header__nav-dropdown-list-item-link" href="/inspirations/podcasts" target="_self" title="Our Podcasts">Our Podcasts</a> 1282 </li> 1283 </ul> 1284 </li> 1285 <li class="header__nav-dropdown-list-item"> 1286 1287<a class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--first" href="/inspirations/events" target="_self" title="Events">Events</a> 1288 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1289 <li class="header__nav-dropdown-list-item"> 1290 <a class="header__nav-dropdown-list-item-link" href="/inspirations/events" target="_self" title="Community Events & Programs">Community Events & Programs</a> 1291 </li> 1292 <li class="header__nav-dropdown-list-item"> 1293 <a class="header__nav-dropdown-list-item-link" href="/inspirations/parasport" target="_self" title="Parasport">Parasport</a> 1294 </li> 1295 <li class="header__nav-dropdown-list-item"> 1296 <a class="header__nav-dropdown-list-item-link" href="/inspirations/summer-activities" target="_self" title="Summer Activities">Summer Activities</a> 1297 </li> 1298 </ul> 1299 </li> 1300 </ul> 1301 1302 </div> 1303 1304 <div class="header__nav-dropdown-section rich-text"> 1305 <div style="max-width: 50%;"> 1306<div class="info-box outline-black"> 1307<h4>Social Media</h4> 1308<p>The Inspirationsnews can be found on several social media platforms @inspirationsnews.</p> 1309<a class="button-skinny white" href="https://www.facebook.com/inspirationsmontreal" target="_blank" rel="noopener" aria-label="Inspirationsnews on Facebook (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"> </path> </svg> Facebook </a> <a class="button-skinny" href="https://twitter.com/inspirationsmtl" target="_blank" rel="noopener" aria-label="Inspirationsnews on X / Twitter (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"> </path> </svg> Twitter </a> <a class="button-skinny" href="https://www.instagram.com/inspirationsmontreal" target="_blank" rel="noopener" aria-label="Inspirationsnews on Instagram (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
13090-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"> </path> </svg> Instagram </a> <a class="button-skinny" href="https://www.youtube.com/@inspirationsnewsmtl" target="_blank" rel="noopener" aria-label="Inspirationsnews on YouTube (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"> </path> </svg> YouTube </a> <a class="button-skinny" href="https://inspirationsnewspodcast.buzzsprout.com" target="_blank" rel="noopener" aria-label="Inspirationsnews Podcast on Buzzsprout (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M11.56 8.87V17h-2.3V8.87H7.03L12 3.13l4.97 4.74h-2.24v-.01h-3.17zm2.1 5.92l-1.64 1.56-1.64-1.56c-2.73-2.6-2.73-6.83 0-9.43l1.64 1.56C10.3 8.5 10.3 11.5 11.7 13.13l.5.47.5-.47c1.4-1.63 1.4-4.63.14-6.17l1.64-1.56c2.72 2.6 2.72 6.83-.82 9.42zm-5.9 2.38l-1.64 1.56C3.07 15.6 3.07 8.37 6.12 5.24L7.76 6.8C5.43 9.13 5.43 14.87 7.76 17.17zm9.18 1.56l-1.64-1.56c2.33-2.3 2.33-8.04 0-10.37l1.64-1.56c3.05 3.13 3.05 10.36 0 13.49z"> </path> </svg> Podcast </a></div> 1310<!-- <div class="pure-u-1 pure-u-md-3-5"> 1311<h5 style="margin: 0px;"><img src="https://cdn.aglty.io/emsb/inspirations/img/news-podcasts-layover.jpg?w=800" style="margin-right: 20px; margin-bottom: 20px; float: left;" caption="false" width="300" /></h5> 1312<p style="text-align: left;"><span style="color: #333333;"><em>Inspirations</em> brings you the most up-to-date special needs news and listing of important events.</span></p> 1313<p style="text-align: left;"><span style="color: #333333;">Catch up on your news right here.</span></p> 1314<p style="text-align: left;"><span class="red-outline-button skinny"><a href="/inspirations/our-editions" target="_self">Click, read and share!</a></span></p> 1315</div> --></div> 1316 </div> 1317 </div> 1318 </div> 1319 </div> 1320<a class="header__nav-link" href="#" target="_self" title="Resources">Resources</a> <div class="header__nav-dropdown" tabindex="-1"> 1321 1322 <div class="header__nav-dropdown-container"> 1323 1324 <div class="header__nav-dropdown-section-wrapper"> 1325 1326 <div class="header__nav-dropdown-section"> 1327 1328 1329 1330 1331 <ul class="header__nav-dropdown-list"> 1332 1333 <li class="header__nav-dropdown-list-item"> 1334 1335<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">Resources</span> 1336 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1337 <li class="header__nav-dropdown-list-item"> 1338 <a class="header__nav-dropdown-list-item-link" href="/inspirations/resources" target="_self" title="Database of Special Needs Resources">Database of Special Needs Resources</a> 1339 </li> 1340 <li class="header__nav-dropdown-list-item"> 1341 <a class="header__nav-dropdown-list-item-link" href="/inspirations/resources/resources-at-emsb" target="_self" title="EMSB Special Needs Programs and Services">EMSB Special Needs Programs and Services</a> 1342 </li> 1343 <li class="header__nav-dropdown-list-item"> 1344 <a class="header__nav-dropdown-list-item-link" href="/inspirations/resources/mental-health-well-being" target="_self" title="Mental Health and Well-Being Resources">Mental Health and Well-Being Resources</a> 1345 </li> 1346 </ul> 1347 </li> 1348 </ul> 1349 1350 </div> 1351 1352 <div class="header__nav-dropdown-section rich-text"> 1353 <div style="max-width: 37%;"> 1354<p style="margin: 0;"><img src="https://cdn.aglty.io/emsb/inspirations/img/database.jpg?w=800" style="margin-right: 20px; float: left;" caption="false" width="400" /> <span style="color: #333333;"><em>Inspirations’</em> database shares over 500 resources, from education to counselling, to tutoring, vocational services, camps and respite care. The database is available right here for your perusal. If you would like to add your resource or recommend one, email us at:</span></p> 1355<p style="margin: 1em 0 0 0;"><span class="red-outline-button skinny"><a href="mailTo:[email protected]" target="_self">Email to Us</a></span></p> 1356</div> 1357 </div> 1358 </div> 1359 </div> 1360 </div> 1361<a class="header__nav-link" href="#" target="_self" title="Contact | Advertise">Contact | Advertise</a> <div class="header__nav-dropdown" tabindex="-1"> 1362 1363 <div class="header__nav-dropdown-container"> 1364 1365 <div class="header__nav-dropdown-section-wrapper"> 1366 1367 <div class="header__nav-dropdown-section"> 1368 1369 1370 1371 1372 <ul class="header__nav-dropdown-list"> 1373 1374 <li class="header__nav-dropdown-list-item"> 1375 1376<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">Contact</span> 1377 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1378 <li class="header__nav-dropdown-list-item"> 1379 <a class="header__nav-dropdown-list-item-link" href="/inspirations/contact-donate" target="_self" title="Contact Us">Contact Us</a> 1380 </li> 1381 <li class="header__nav-dropdown-list-item"> 1382 <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a> 1383 </li> 1384 </ul> 1385 </li> 1386 </ul> 1387 1388 </div> 1389 <div class="header__nav-dropdown-section"> 1390 1391 1392 1393 1394 <ul class="header__nav-dropdown-list"> 1395 1396 <li class="header__nav-dropdown-list-item"> 1397 1398<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">Get involved</span> 1399 <ul class="header__nav-dropdown-list header__nav-dropdown-list--child"> 1400 <li class="header__nav-dropdown-list-item"> 1401 <a class="header__nav-dropdown-list-item-link" href="/inspirations/advertise" target="_self" title="Advertise with us!">Advertise with us!</a> 1402 </li> 1403 <li class="header__nav-dropdown-list-item"> 1404 <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a> 1405 </li> 1406 <li class="header__nav-dropdown-list-item"> 1407 <a class="header__nav-dropdown-list-item-link" href="/inspirations/social-media" target="_self" title="Social Media">Social Media</a> 1408 </li> 1409 <li class="header__nav-dropdown-list-item"> 1410 <a class="header__nav-dropdown-list-item-link" href="/inspirations/donation" target="_self" title="Donate to Inspirations">Donate to Inspirations</a> 1411 </li> 1412 </ul> 1413 </li> 1414 </ul> 1415 1416 </div> 1417 1418 <div class="header__nav-dropdown-section rich-text"> 1419 <p style="margin: 0;"><img src="https://cdn.aglty.io/emsb/inspirations/img/logo_inspirations-round.png" style="float: left; margin-right: 20px;" caption="false" width="165" height="190" /></p> 1420<p style="margin: 0;"><span style="color: #333333;"><em>Inspirations</em>
1420 is much more than a newspaper.<br /> It is a resource that informs and connects parents, caregivers,<br /> teachers, students and the public to the special needs community. <br /> Our quarterly publications, our events, extensive community outreach,<br /> and our database of special needs resources,are the staples which drive <em>Inspirations</em>.</span></p> 1421<p style="margin: 1em 0 0 0;"><span class="red-outline-button"><a href="/inspirations/contact-donate" target="_self"> <font color="#c40233">Contact Us </font></a></span></p> 1422 </div> 1423 </div> 1424 </div> 1425 </div> 1426 </div> 1427 1428 </div> 1429 1430 </nav> 1431 1432 <nav class="header__nav-mobile"> 1433 <div class="header__nav-mobile-container"> 1434 <a href="#" class="header__nav-mobile-menu hamburger-menu" data-bind="click: APP.mobileMenu.open.toggle, css: {'header__nav-mobile-menu hamburger-menu--open': APP.mobileMenu.open()}"> 1435 <div class="hamburger-menu__bar-wrapper" aria-hidden="true"> 1436 <div class="hamburger-menu__bar"></div> 1437 <div class="hamburger-menu__bar"></div> 1438 <div class="hamburger-menu__bar"></div> 1439 </div> 1440 <div class="hamburger-menu__text" data-bind="text: APP.mobileMenu.open() ? 'Close': 'Menu', attr: {'aria-label' : APP.mobileMenu.open() ? 'Close Menu': 'Open Menu'}"></div> 1441 </a> 1442 1443 <div class="header__nav-mobile-language"> 1444 <a href="#" class="header__nav-mobile-language-link" data-bind="languageSwitcher: 'en-ca'"></a> 1445 <a href="#" class="header__nav-mobile-language-link" data-bind="languageSwitcher: 'fr-ca'"></a> 1446 </div> 1447 </div> 1448 1449 <div class="mobile-menu" data-bind="css: {'mobile-menu--open': APP.mobileMenu.open()}, attr: {'aria-hidden': APP.mobileMenu.open() ? 'false' : 'true'}, mobileMenuTabindex: APP.mobileMenu.open()"> 1450 <ul class="mobile-menu__list" data-bind="toggleOnClick: { 1451 tabContentClassToAdd: 'mobile-menu__list--open', 1452 tabGroup: 'mobile-menu' }"> 1453 1454 <li class="mobile-menu__list-item"> 1455 1456 <a class="mobile-menu__list-item-link" href="#" target="_self" title="About">About</a> 1457 1458 <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand" 1459 data-toggle-click="true" 1460 data-toggle-click-group="mobile-menu" 1461 data-toggle-click-index="tab-30982">+</a> 1462 <ul class="mobile-menu__list" 1463 data-toggle-click-content="true" 1464 data-toggle-click-group="mobile-menu" 1465 data-toggle-click-index="tab-30982"> 1466 1467 <li class="mobile-menu__list-item mobile-menu__list-item--top"> 1468 <span class="mobile-menu__list-item-link">About Inspiration</span> 1469 </li> 1470 <li class="mobile-menu__list-item"> 1471 <a class="mobile-menu__list-item-link" href="/inspirations/about-us" target="_self" title="About Us">About Us</a> 1472 </li> 1473 <li class="mobile-menu__list-item"> 1474 <a class="mobile-menu__list-item-link" href="/inspirations/about-us/editor-s-message" target="_self" title="Editors Message">Editors Message</a> 1475 </li> 1476 <li class="mobile-menu__list-item"> 1477 <a class="mobile-menu__list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a> 1478 </li> 1479 <li class="mobile-menu__list-item"> 1480 <a class="mobile-menu__list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a> 1481 </li> 1482 <li class="mobile-menu__list-item"> 1483 <a class="mobile-menu__list-item-link" href="/inspirations/contact-donate" target="_self" title="Where To Find Us">Where To Find Us</a> 1484 </li> 1485 </ul> 1486 </li> 1487 <li class="mobile-menu__list-item"> 1488 1489 <a class="mobile-menu__list-item-link" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a> 1490 1491 <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand" 1492 data-toggle-click="true" 1493 data-toggle-click-group="mobile-menu" 1494 data-toggle-click-index="tab-30991">+</a> 1495 <ul class="mobile-menu__list" 1496 data-toggle-click-content="true" 1497 data-toggle-click-group="mobile-menu" 1498 data-toggle-click-index="tab-30991"> 1499 1500 <li class="mobile-menu__list-item mobile-menu__list-item--top"> 1501 <a class="mobile-menu__list-item-link" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a> 1502 1503 </li> 1504 <li class="mobile-menu__list-item"> 1505 <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/print-editions" target="_self" title="Print Editions">Print Editions</a> 1506 </li> 1507 <li class="mobile-menu__list-item"> 1508 <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/online-editions" target="_self" title="Online Editions">Online Editions</a> 1509 </li> 1510 </ul> 1511 </li> 1512 <li class="mobile-menu__list-item"> 1513 1514 <a class="mobile-menu__list-item-link" href="#" target="_self" title="News & Podcasts">News & Podcasts</a> 1515 1516 <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand" 1517 data-toggle-click="true" 1518 data-toggle-click-group="mobile-menu" 1519 data-toggle-click-index="tab-30992">+</a> 1520 <ul class="mobile-menu__list" 1521 data-toggle-click-content="true" 1522 data-toggle-click-group="mobile-menu" 1523 data-toggle-click-index="tab-30992"> 1524 1525 <li class="mobile-menu__list-item mobile-menu__list-item--top"> 1526 <a class="mobile-menu__list-item-link" href="/inspirations/events" target="_self" title="News">News</a> 1527 1528 </li> 1529 <li class="mobile-menu__list-item"> 1530 <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/our-articles" target="_self" title="Editions & Articles">Editions & Articles</a> 1531 </li> 1532 <li class="mobile-menu__list-item"> 1533 <a class="mobile-menu__list-item-link" href="/inspirations/about-us/jackie-fisher-empathy-tour" target="_self" title="The Jackie Fisher Empathy Tour ">
1533The Jackie Fisher Empathy Tour </a> 1534 </li> 1535 <li class="mobile-menu__list-item"> 1536 <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/inspirationsnews-blog" target="_self" title="Shining lights of accessibility blog">Shining lights of accessibility blog</a> 1537 </li> 1538 <li class="mobile-menu__list-item"> 1539 <a class="mobile-menu__list-item-link" href="/inspirations/about-us/lets-dance" target="_self" title="Letâs Dance">Letâs Dance</a> 1540 </li> 1541 <li class="mobile-menu__list-item"> 1542 <a class="mobile-menu__list-item-link" href="/inspirations/social-media" target="_self" title="Social Media & Our Videos">Social Media & Our Videos</a> 1543 </li> 1544 <li class="mobile-menu__list-item"> 1545 <a class="mobile-menu__list-item-link" href="/inspirations/podcasts" target="_self" title="Our Podcasts">Our Podcasts</a> 1546 </li> 1547 <li class="mobile-menu__list-item mobile-menu__list-item--top"> 1548 <a class="mobile-menu__list-item-link" href="/inspirations/events" target="_self" title="Events">Events</a> 1549 1550 </li> 1551 <li class="mobile-menu__list-item"> 1552 <a class="mobile-menu__list-item-link" href="/inspirations/events" target="_self" title="Community Events & Programs">Community Events & Programs</a> 1553 </li> 1554 <li class="mobile-menu__list-item"> 1555 <a class="mobile-menu__list-item-link" href="/inspirations/parasport" target="_self" title="Parasport">Parasport</a> 1556 </li> 1557 <li class="mobile-menu__list-item"> 1558 <a class="mobile-menu__list-item-link" href="/inspirations/summer-activities" target="_self" title="Summer Activities">Summer Activities</a> 1559 </li> 1560 </ul> 1561 </li> 1562 <li class="mobile-menu__list-item"> 1563 1564 <a class="mobile-menu__list-item-link" href="#" target="_self" title="Resources">Resources</a> 1565 1566 <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand" 1567 data-toggle-click="true" 1568 data-toggle-click-group="mobile-menu" 1569 data-toggle-click-index="tab-30993">+</a> 1570 <ul class="mobile-menu__list" 1571 data-toggle-click-content="true" 1572 data-toggle-click-group="mobile-menu" 1573 data-toggle-click-index="tab-30993"> 1574 1575 <li class="mobile-menu__list-item mobile-menu__list-item--top"> 1576 <span class="mobile-menu__list-item-link">Resources</span> 1577 </li> 1578 <li class="mobile-menu__list-item"> 1579 <a class="mobile-menu__list-item-link" href="/inspirations/resources" target="_self" title="Database of Special Needs Resources">Database of Special Needs Resources</a> 1580 </li> 1581 <li class="mobile-menu__list-item"> 1582 <a class="mobile-menu__list-item-link" href="/inspirations/resources/resources-at-emsb" target="_self" title="EMSB Special Needs Programs and Services">EMSB Special Needs Programs and Services</a> 1583 </li> 1584 <li class="mobile-menu__list-item"> 1585 <a class="mobile-menu__list-item-link" href="/inspirations/resources/mental-health-well-being" target="_self" title="Mental Health and Well-Being Resources">Mental Health and Well-Being Resources</a> 1586 </li> 1587 </ul> 1588 </li> 1589 <li class="mobile-menu__list-item"> 1590 1591 <a class="mobile-menu__list-item-link" href="#" target="_self" title="Contact | Advertise">Contact | Advertise</a> 1592 1593 <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand" 1594 data-toggle-click="true" 1595 data-toggle-click-group="mobile-menu" 1596 data-toggle-click-index="tab-30994">+</a> 1597 <ul class="mobile-menu__list" 1598 data-toggle-click-content="true" 1599 data-toggle-click-group="mobile-menu" 1600 data-toggle-click-index="tab-30994"> 1601 1602 <li class="mobile-menu__list-item mobile-menu__list-item--top">
1603 <span class="mobile-menu__list-item-link">Contact</span> 1604 </li> 1605 <li class="mobile-menu__list-item"> 1606 <a class="mobile-menu__list-item-link" href="/inspirations/contact-donate" target="_self" title="Contact Us">Contact Us</a> 1607 </li> 1608 <li class="mobile-menu__list-item"> 1609 <a class="mobile-menu__list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a> 1610 </li> 1611 <li class="mobile-menu__list-item mobile-menu__list-item--top"> 1612 <span class="mobile-menu__list-item-link">Get involved</span> 1613 </li> 1614 <li class="mobile-menu__list-item"> 1615 <a class="mobile-menu__list-item-link" href="/inspirations/advertise" target="_self" title="Advertise with us!">Advertise with us!</a> 1616 </li> 1617 <li class="mobile-menu__list-item"> 1618 <a class="mobile-menu__list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a> 1619 </li> 1620 <li class="mobile-menu__list-item"> 1621 <a class="mobile-menu__list-item-link" href="/inspirations/social-media" target="_self" title="Social Media">Social Media</a> 1622 </li> 1623 <li class="mobile-menu__list-item"> 1624 <a class="mobile-menu__list-item-link" href="/inspirations/donation" target="_self" title="Donate to Inspirations">Donate to Inspirations</a> 1625 </li> 1626 </ul> 1627 </li> 1628 1629 </ul> 1630 </div> 1631 </nav> 1632 1633 1634 </header> 1635 1636 1637 1638<div class="two-column-template global-loading" data-bind="globalLoading: globalLoading" data-agility-page="455"> 1639 1640 <div class="header-content-zone"> 1641 1642 </div> 1643 1644 <div class="two-column-template__main-content"> 1645 1646 <div class="pure-g pure-row"> 1647 1648 <div class="main-content-zone pure-u-1 pure-u-lg-1-2"> 1649 <section class="rich-text-area rich-text"> 1650 1651 1652 <div class="rich-text-area__container"> 1653 1654<!-- ============================================================ 1655 About Inspirations â page content block 1656 Scoped under .insp-about so nothing leaks into other pages. 1657 Paste as-is into the Agility CMS HTML/rich-text field. 1658 ============================================================ --> 1659<style> 1660 .insp-about { 1661 /* Brand tokens â change here, applies everywhere below */ 1662 --insp-accent: #25c1cc; 1663 --insp-accent-dark: #17858d; 1664 /* accessible on white for link text */ 1665 --insp-ink: #333333; 1666 --insp-body: #565656; 1667 --insp-tint: #f2fafb; 1668 --insp-rule: #e2e8e9; 1669 1670 /* Rhythm */ 1671 --insp-gap: 20px; 1672 --insp-block: 56px; 1673 1674 color: var(--insp-body); 1675 line-height: 1.7; 1676 } 1677 1678 /* ---- Type -------------------------------------------------- */ 1679 .insp-about .insp-about__title { 1680 color: var(--insp-accent); 1681 margin: 0 0 18px; 1682 line-height: 1.2; 1683 } 1684 1685 .insp-about .insp-about__heading { 1686 color: var(--insp-ink); 1687 margin: 0 0 14px; 1688 line-height: 1.3; 1689 } 1690 1691 .insp-about .insp-about__text { 1692 margin: 0 0 16px; 1693 max-width: 70ch; 1694 } 1695 1696 .insp-about .insp-about__text:last-child { 1697 margin-bottom: 0; 1698 } 1699 1700 .insp-about .insp-about__lead { 1701 font-size: 1.08em; 1702 max-width: 66ch; 1703 } 1704 1705 .insp-about a { 1706 color: var(--insp-accent-dark); 1707 text-decoration: underline; 1708 text-underline-offset: 3px; 1709 } 1710 1711 .insp-about a:hover, 1712 .insp-about a:focus-visible { 1713 color: var(--insp-ink); 1714 } 1715 1716 .insp-about a:focus-visible { 1717 outline: 3px solid var(--insp-accent); 1718 outline-offset: 3px; 1719 border-radius: 2px; 1720 } 1721 1722 /* ---- Section spacing (single source of truth) --------------- */ 1723 .insp-about .insp-about__section { 1724 margin: 0 0 var(--insp-block); 1725 } 1726 1727 .insp-about .insp-about__section:last-child { 1728 margin-bottom: 0; 1729 } 1730 1731 /* ---- Photo band -------------------------------------------- */ 1732 .insp-about .insp-about__photos { 1733 display: grid; 1734 grid-template-columns: repeat(3, 1fr); 1735 gap: var(--insp-gap); 1736 } 1737 1738 .insp-about .insp-about__photo { 1739 width: 100%; 1740 aspect-ratio: 4 / 3; 1741 object-fit: cover; 1742 border-radius: 12px; 1743 display: block; 1744 } 1745 1746 /* ---- Highlighted passage ----------------------------------- */ 1747 .insp-about .insp-about__highlight { 1748 background-color: var(--insp-tint); 1749 border-left: 5px solid var(--insp-accent); 1750 border-radius: 0 12px 12px 0; 1751 padding: 32px 36px; 1752 } 1753 1754 /* ---- Objectives -------------------------------------------- */ 1755 .insp-about .insp-about__objectives { 1756 list-style: none; 1757 margin: 24px 0 0; 1758 padding: 0; 1759 } 1760 1761 .insp-about .insp-about__objective { 1762 border-top: 1px solid var(--insp-rule); 1763 padding: 20px 0; 1764 max-width: 70ch; 1765 } 1766 1767 .insp-about .insp-about__objective:last-child { 1768 border-bottom: 1px solid var(--insp-rule); 1769 } 1770 1771 .insp-about .insp-about__objective b { 1772 color: var(--insp-accent-dark); 1773 font-weight: 700; 1774 } 1775 1776 /* ---- Follow line ------------------------------------------- */ 1777 .insp-about .insp-about__follow { 1778 border-top: 1px solid var(--insp-rule); 1779 padding-top: 28px; 1780 } 1781
1782 /* ---- Responsive -------------------------------------------- */ 1783 @media (max-width: 720px) { 1784 .insp-about { 1785 --insp-block: 40px; 1786 --insp-gap: 14px; 1787 } 1788 1789 .insp-about .insp-about__photos { 1790 grid-template-columns: 1fr 1fr; 1791 } 1792 1793 .insp-about .insp-about__photos img:first-child { 1794 grid-column: 1 / -1; 1795 } 1796 1797 .insp-about .insp-about__highlight { 1798 padding: 24px 22px; 1799 } 1800 } 1801</style> 1802<div class="insp-about"><!-- Intro --> 1803<section class="insp-about__section"> 1804<h2 class="insp-about__title">About Inspirations</h2> 1805<p class="insp-about__text insp-about__lead">Inspirations is a trusted English-language resource promoting inclusion and mental well-being across Greater Montreal. For 19 years, we have supported families of children with disabilities by providing trustworthy information, fostering community connections, and offering hope.</p> 1806<p class="insp-about__text">Through our <a href="/inspirations/our-editions">print publications</a>, <a href="/inspirations/resources">online directories</a>, internship program, and community outreach, we celebrate people of all abilities and encourage their participation in their community.</p> 1807</section> 1808<!-- Photos â replace alt text with a real description of each photo --> 1809<section class="insp-about__section insp-about__photos"><img class="insp-about__photo" loading="lazy" decoding="async" src="https://cdn.aglty.io/emsb/inspirations/img/page/simon-ariel.jpg" alt="Simon and Ariel at an Inspirations community event" /> <img class="insp-about__photo" loading="lazy" decoding="async" src="https://cdn.aglty.io/emsb/inspirations/img/page/david.jpg" alt="David taking part in an Inspirations program" /> <img class="insp-about__photo" loading="lazy" decoding="async" src="https://cdn.aglty.io/emsb/inspirations/img/page/peter-hall.jpg" alt="Students at Peter Hall School" /></section> 1810<!-- Mental health and well-being --> 1811<section class="insp-about__section insp-about__highlight"> 1812<h3 class="insp-about__heading">Mental health and well-being</h3> 1813<p class="insp-about__text">Every edition and initiative includes a mental health and well-being focus, ensuring all families have access to reliable information that helps them navigate challenges. This integrated approach broadens our reach and strengthens our mission to advance inclusion.</p> 1814<p class="insp-about__text">Navigating a diagnosis or major life transition can be overwhelming for the entire family. Inspirations provides parents, caregivers, and professionals with trusted resources and a community that ensures they are not alone.</p> 1815</section> 1816<!-- Who we are --> 1817<section class="insp-about__section"> 1818<h3 class="insp-about__heading">A grassroots resource for our community</h3> 1819<p class="insp-about__text">As a grassroots, multiplatform resource, Inspirations is unique in Quebec for its community-driven content model. Operating as a non-profit under the English Montreal School Board (EMSB), we are supported by <a href="/inspirations/our-sponsors">philanthropic partners, advertising, and sponsorships</a>, with in-kind contributions from the EMSB.</p> 1820</section> 1821<!-- Objectives --> 1822<section class="insp-about__section"> 1823<h3 class="insp-about__heading">Our objectives</h3> 1824<ul class="insp-about__objectives"> 1825<li class="insp-about__objective"><b>Support and inspire</b> individuals with disabilities, their families, educators and support networks with trustworthy information, resources and online presence.</li> 1826<li class="insp-about__objective"><b>Champion inclusion</b> by elevating underrepresented voices, bringing awareness and understanding to their challenges while celebrating their successes.</li> 1827<li class="insp-about__objective"><b>Enhance positive mental health and well-being</b> by sharing cutting-edge ideas and resources with the disability community and to the public.</li> 1828</ul> 1829</section> 1830<!-- Follow --> 1831<section class="insp-about__section insp-about__follow"> 1832<p class="insp-about__text">For the most current special needs news and events in Montreal, follow us on <a href="https://www.facebook.com/inspirationsmontreal/" target="_blank" rel="noopener">Facebook</a>, <a href="https://www.instagram.com/inspirationsmontreal" target="_blank" rel="noopener">Instagram</a>, and <a href="https://www.linkedin.com/company/inspirationsnews" target="_blank" rel="noopener">LinkedIn</a>.</p> 1833</section> 1834</div> 1835 </div> 1836 1837 </section> 1838 1839 </div> 1840 1841 <div class="main-content-zone pure-u-1 pure-u-lg-1-2"> 1842 <section class="rich-text-area rich-text"> 1843 1844 1845 <div class="rich-text-area__container"> 1846 1847<style> 1848/* Testimonials Section */ 1849.testimonials { 1850background: #f9f9f9; 1851padding: 50px 20px; 1852text-align: center; 1853} 1854 1855.testimonial { 1856max-width: 600px; 1857margin: 20px auto; 1858padding: 20px; 1859background: #fff; 1860border-radius: 10px; 1861box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1862position: relative; 1863} 1864 1865.testimonial:before { 1866content: "\201C"; 1867font-size: 50px; 1868color: #007bff; 1869position: absolute; 1870top: -10px; 1871left: 20px; 1872font-family: serif; 1873} 1874 1875.testimonial p { 1876font-size: 16px; 1877color: #333; 1878line-height: 1.6; 1879margin-bottom: 10px; 1880} 1881 1882.testimonial .author {
1883font-weight: bold; 1884color: #007bff; 1885margin-top: 10px; 1886font-size: 18px; 1887} 1888 1889/* Additional Testimonial */ 1890.testimonial:last-child { 1891border-left: 5px solid #007bff; 1892padding-left: 15px; 1893} 1894 1895/* Testimonials Content */ 1896.testimonials-content { 1897display: flex; 1898flex-direction: column; 1899align-items: center; 1900} 1901 1902.testimonials-content .testimonial { 1903text-align: left; 1904} 1905</style> 1906<div class="testimonials"> 1907<div class="testimonials-content"> 1908<h2>What our readers are saying...</h2> 1909<div class="testimonial"> 1910<p>"Let us define the meaning of Inspiration. A feeling of excitement which drives us to When no organization in Montreal offered help to my nephew or even returned a call I lost all hope. All this changed with one email to Inspirations. Within hours of our communication a whole new world opened up to us. A network of people and organizations offering to help, offering services, access to educational courses, medical evaluations and test, YMCA, life skill lessons, group activities for adults and even one-on-one personal trainers."</p> 1911<p class="author">Elizabeth Bruni</p> 1912</div> 1913<div class="testimonial"> 1914<p>"As the mother of a child with special needs, and as a politician that advocates for our community, Inspirations is essential as a means of awareness of all the wonderful and joyous achievements that children with special needs can accomplish when they are well surrounded, as they are in EMSB schools. Inspirations keeps us all connected, and supports us all as a community by bringing us closer with a shared goal – seeing the best for children with special needs in an inclusive and supportive society. Thank you to all those that contribute to the production of Inspirations!"</p> 1915<p class="author">Elisabeth Prass<br />MNA for D'arcy McGee</p> 1916</div> 1917<div class="testimonial"> 1918<p>"As Director of Summit School, I see Inspirations Newspaper as a vital connector within the neurodiverse community. It brings together students, families, educators, and advocates, ensuring that no one feels alone in their journey. Through its stories, it highlights shared experiences, fosters understanding, and celebrates the successes that unite us. By amplifying voices across the community, Inspirations strengthens the sense of belonging that is essential for growth and empowerment. For Summit School, this connection is invaluable. Inspirations helps us share our students’ achievements, exchange ideas with other educators, and engage with the broader neurodiverse network. It allows families to see that they are part of a larger community—one filled with support, innovation, and inspiration. By bringing people together through information and storytelling, Inspirations plays an essential role in building a more inclusive, understanding, and connected world for all."</p> 1919<p class="author">Herman Erdogmus<br />Director General, Summit School</p> 1920</div> 1921<div class="testimonial"> 1922<p>"Inspirations does for positive news what the Defi Sportif does for sports. It takes the focus off of disability. Instead, it brings to the forefront the projects, resources and uplifting stories taking place in this community. Inspirations has been instrumental in showcasing special projects involving our students to the wider community! Thanks to Inspirations, it is amazing to see all the wonderful programs going on in the wider special needs community!"</p> 1923<p class="author">Robert Simpson<br />Interim Vice Principal<br />Mackay Centre and Philip E. Layton Schools</p> 1924</div> 1925<div class="testimonial"> 1926<p>"It’s nearly impossible to convey how vital Inspirations has been to my family, my community and myself as a mother and caregiver. When my son Benjamin was diagnosed with autism, it was quite a shock. I knew nothing about autism or how to navigate Quebec’s complex healthcare, education and social service systems for special needs families. I felt completely isolated and lost for a number of years. So when I picked up Inspirations Newspaper for the first time (over a decade ago), it was as if I was thrown a life-line. I was not alone! In the years to follow, I have gotten much help and made genuine and meaningful connections for my son through the paper’
1926s invaluable resources. Living in a rural region, it isn’t easy to find services."</p> 1927<p class="author">Julie Chou and Ben Lachapelle</p> 1928</div> 1929</div> 1930</div> 1931 </div> 1932 1933 </section> 1934 1935 </div> 1936 1937 </div> 1938 1939 </div> 1940 1941 <div class="footer-content-zone"> 1942 1943 </div> 1944 1945</div> 1946 1947 1948 <footer style="background-color: #0caddd;"> 1949 1950 <div class="footer__container"> 1951 1952 <div class="footer__logo"> 1953 1954 <div class="footer__logo-img-wrapper"> 1955 <img alt="Inspirations Logo" class="footer__logo-img" src="https://cdn.aglty.io/emsb/inspirations/img/logo_inspirations-round.png" /> 1956 </div> 1957 1958 1959 <div class="logo__text rich-text"> 1960 <h4><em><strong>Inspirations </strong></em></h4> 1961<p><span style="color: #ffffff;">6000 Fielding Avenue</span><br /><span style="color: #ffffff;">Montreal, Quebec, Suite 109</span><br /><span style="color: #ffffff;">H3X 1T4</span></p> 1962<p><span style="color: #ffffff;"><strong>Phone : </strong>(514) 483-7200 ext. 7244 </span><br /><span style="color: #ffffff;"><strong>Fax : </strong> (514) 483-7213</span></p> 1963 </div> 1964 1965 </div> 1966 1967 <div class="footer__contact rich-text"> 1968 <style> 1969 /*.rich-text a { 1970 color: #c7323e; 1971 }*/ 1972 button.ml-onclick-form { 1973 padding: 15px; 1974 } 1975 </style> 1976<p style="text-align: left;"><span style="color: #f1c40f;"><strong><span style="color: #ffffff;">Information:</span> </strong></span><span style="color: #ffcc00;"><a href="mailto:[email protected]" style="color: #ffcc00;">[email protected]</a></span><br /><span><strong><span style="color: #ffffff;">Advertising:</span> </strong></span><span style="color: #ffcc00;"><a href="mailto:[email protected]" style="color: #ffcc00;">[email protected]</a></span><br /><span><strong><span style="color: #ffffff;">Editor: Mike Cohen</span> </strong></span><span><span style="color: #ffcc00;"><a href="mailto:[email protected]" style="color: #ffcc00;">[email protected]</a></span></span></p> 1977<p style="text-align: center;"><span style="color: #ffffff;"><strong>Subscribe Inspirations</strong></span></p> 1978<p style="text-align: center;"><a href="https://app.cyberimpact.com/clients/58272/subscribe-forms/B7BC1C12-5157-48B7-AA43-7594130DF28B" target="_blank" style="display: inline-block; background-color: #0073e6; color: white; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: bold;" rel="noopener"> Click here to Subscribe </a></p> 1979<!--AccessiBe start--> 1980<p>
1981<script> 1982 (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#146ff8', triggerColor : '#146ff8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; h.appendChild(s); })(); 1983</script>
1983 1984</p> 1985<!--AccessiBe start--> 1986<p></p> 1987 </div> 1988 1989 1990 <div class="footer__copyright"> 1991 © English Montreal School Board, 2026 <br /> <p class="ftr-lnk" ; style="word-spacing: 5px;"> <a href="https://www.emsb.qc.ca/inspirations/"><font color="#FFFFFF"> Home </font> </a> | <a href="https://www.emsb.qc.ca/inspirations/contact-donate"><font color="#FFFFFF"> Contact Us </font></a> | <a href="https://www.emsb.qc.ca/inspirations/our-editions/our-articles"><font color="#FFFFFF"> Editions & Articles </font> </a> | <a href="https://www.emsb.qc.ca/inspirations/advertise"><font color="#FFFFFF"> Advertise </font></a> <p> 1992 </div> 1993 1994 </div> 1995 1996 </footer> 1997 1998 1999 </div> 2000 2001 </main> 2002 2003 </div> 2004 2005 2006 <!-- ko if: globalLoading() || initialLoading() --> 2007 <div class="global-loader__container"><div class="global-loader"></div></div> 2008 <!-- /ko --> 2009 2010 2011 <!-- ko if: clientPageRequest() != null --> 2012 <iframe class="client-frame-loader" style="display: none" width="800" height="600" data-bind="clientFrameLoader: clientPageRequest"></iframe> 2013 <!-- /ko --> 2014 2015 2016 2017 2018 2019
2020<script>var _serverContext = {"LanguageCode":"en-ca","AllLanguages":[{"LanguageCode":"en-ca","LanguageName":"English"},{"LanguageCode":"fr-ca","LanguageName":"French"}],"Channel":1,"Page":{"languageCode":"en-ca","title":"About Us","requiresAuth":false,"serverPage":true},"Pages":{},"Tickets":{},"Modals":{},"URLs":{}}</script>
2020 2021
2022<script src="/bundles/js?v=xWOoNwvxCgMFoY3WzaytbYm7cHd3OA_vb5OUVzFnc_g1"></script>
2022 2023
2024<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js" integrity="sha512-UdIMMlVx0HEynClOIFSyOrPggomfhBKJE28LKl8yR3ghkgugPnG6iLfRfHwushZl1MOPSY6TsuBDGPK2X4zYKg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 2024
2024
2025<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.12/jquery.validate.unobtrusive.min.js" integrity="sha512-o6XqxgrUsKmchwy9G5VRNWSSxTS4Urr4loO6/0hYdpWmFUfHqGzawGxeQGMDqYzxjY9sbktPbNlkIQJWagVZQg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2025 2026 2027 2028 2029
2030<script src="/Scripts/app/bindings/agilitySearch.js"></script>
vendor: 2 bytes, line 2030
2030
2031<script type="text/javascript"> 2032 Agility.Search.Init({ url: "https://search.agilitycms.com", websiteName: "EMSB", lang: "", authKey: "9fLju8eeNyfB1i5ZjB7drTfY7UEIu6y8V4lGbTF7K60" }); 2033</script>
2033 2034
2035<script type="text/javascript"> 2036 2037 function InitUGC() { 2038 Agility.UGC.API.OnInit("https://ugc.agilitycms.com/Agility-UGC-API-JSONP.svc", "59F238B0-98B2-4FFC-B2F9-E0FE754885D7", "812455451", "668", "-1", "97f35a94f2a3ba45ab50e6d651ef96a2188ce766"); 2039 }; 2040 2041</script>
2041 2042 2043
2044<script> 2045 2046 2047 2048 $(document).ready(function () { 2049 2050 $(".moodal-galery").modaal({ 2051 type: 'image' 2052 }); 2053 2054 }); 2055 2056</script>
2056 2057
2058<script src="https://kit.fontawesome.com/dbb44aa360.js"></script>
2058 2059
2060<script> 2061 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 2062 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 2063 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 2064 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 2065 2066 ga('create', 'G-4D4JJH2D3G', 'auto'); 2067 ga('send', 'pageview'); 2068 2069</script>
2069 2070 2071<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 2071-2072
2071 2072<script async src="https://www.googletagmanager.com/gtag/js?id=
2072G-4D4JJH2D3G
vendor: 13 bytes, line 2072
2072"></script>
2073<script> 2074
vendor: 138 bytes, lines 2074-2078
2074window.dataLayer = window.dataLayer || []; 2075 function gtag(){dataLayer.push(arguments);} 2076 gtag('js', new Date()); 2077 2078 gtag('config', '
2078G-4D4JJH2D3G
vendor: 5 bytes, line 2078
2078');
2079</script>
2079 2080<!-- EMSB Anti-Spam Protection -->
2081<script> 2082 (function() { 2083 'use strict'; 2084 2085 function addHoneypot() { 2086 // Find Agility forms 2087 const forms = document.querySelectorAll('form.agility-form, .agility-form form'); 2088 2089 if (forms.length === 0) { 2090 console.log('No Agility forms found'); 2091 return; 2092 } 2093 2094 forms.forEach(function(form, index) { 2095 // Skip if honeypot already exists 2096 if (form.querySelector('[name="website"]')) { 2097 console.log('Honeypot already exists in form #' + index); 2098 return; 2099 } 2100 2101 // Create honeypot field 2102 const honeypotDiv = document.createElement('div'); 2103 honeypotDiv.className = 'agility-form-row'; 2104 honeypotDiv.style.position = 'absolute'; 2105 honeypotDiv.style.left = '-5000px'; 2106 honeypotDiv.style.opacity = '0'; 2107 honeypotDiv.style.pointerEvents = 'none'; 2108 honeypotDiv.setAttribute('aria-hidden', 'true'); 2109 honeypotDiv.innerHTML = 2110 '<div class="agility-form-col-full">' + 2111 '<label for="website_' + index + '">Website</label>' + 2112 '<input type="text" id="website_' + index + '" name="website" tabindex="-1" autocomplete="off" value="" />' + 2113 '</div>'; 2114 2115 // Insert honeypot at the top of the form 2116 form.insertBefore(honeypotDiv, form.firstChild); 2117 2118 console.log('â Honeypot added to Agility form #' + index); 2119 }); 2120 2121 console.log('â EMSB Anti-Spam Active - ' + forms.length + ' form(s) protected'); 2122 } 2123 2124 // Run immediately if DOM is ready, otherwise wait 2125 if (document.readyState === 'loading') { 2126 document.addEventListener('DOMContentLoaded', addHoneypot); 2127 } else { 2128 addHoneypot(); 2129 } 2130})(); 2131</script>
2131 2132 2133 2134 2135 2136 <link rel="stylesheet" href="https://cdn.aglty.io/code/emsb/agilitycssfiles/590323.css"> 2137 2138 2139 2140</body> 2141</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.