CINXE.COM
404 | myTESOL
<!DOCTYPE html> <html class='apple_system_font_resize' lang='en'> <head> <meta content='minimum-scale=1, initial-scale=1, width=device-width' name='viewport'> <meta charset='UTF-8'> <link rel="icon" href="https://my.tesol.org/favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="https://my.tesol.org/favicon.ico" /> <link rel="apple-touch-icon" type="image/x-icon" href="https://my.tesol.org/favicon.ico" /> <title>404 | myTESOL</title> <link href="https://minio:10001" rel='preconnect'> <link href='https://clientstream.launchdarkly.com' rel='preconnect'> <link href='https://app.launchdarkly.com' rel='preconnect'> <script> var APP_URL_SETTINGS_PORT = ""; window.__HB_ENV__ = { AMPLITUDE_API_KEY: "572175c4a8d55397e7751d6633147d00", APP_VERSION: "f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82", ASSET_HOST: "https://us.hivebrite.com", BING_GEOCODER_API_KEY: "Ajk3qbl-zyeEBGtPsN2hScjjOMVsuwa6kjQGamBXiM2UBRAY8N19KfoGtYoj7W8M", CKEDITOR_TIMESTAMP: new Date().getTime(), // Uniq key to invalidate CKEditor cache CLUSTER_NAME: "usprod", DATADOG_FRONT_TOKEN: "pubc6b336014458f4081f4f5a1abd8d67f0", ENVIRONMENT: "" || 'production', GOOGLE_RECAPTCHA_V2_SITE_KEY: "6LeDSBkaAAAAAE03INyaOe5PbOpXnCuJ1Vdd7tnO", GOOGLEMAPS_API_KEY: "AIzaSyA7XsEJ6jRaoHYRhyE9WltiwcY0lESKbqs", HOST: `${"https"}://${"us.hivebrite.com"}${APP_URL_SETTINGS_PORT ? `:${APP_URL_SETTINGS_PORT}` : ''}`, LAUNCHDARKLY_CLIENT_SIDE_ID: "5eef60ad572ea10ab14d2609", MAPBOX_DEFAULT_LAYER_EN: "cj97fbay116mi2sp6wtjlwhvk", MAPBOX_DEFAULT_LAYER_FR: "cj98iip2j2eot2rqg18l3a6u9", MAPBOX_ID: "kit-united.cigdtmahj080uvaltlolpka89", MAPBOX_KEY: "pk.eyJ1Ijoia2l0LXVuaXRlZCIsImEiOiJjaWdkdG1hd2YwODJzd2VrbjNmdWg2eWVhIn0.TuRpIQECO9U9D2j_syhyeQ", MAPBOX_LIGHT_LAYER_EN: "ciu3vxcd800mw2iolkoa3hn0s", MAPBOX_LIGHT_LAYER_FR: "cj98iqz782erm2sqgshe023o9", PAYPAL_MODE: "production", PUBLIC_PATH: "https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/", SENTRY_DSN_JAVASCRIPT: "https://6527bb18bf224e8b9b7ffccc1f2ca642@o429123.ingest.sentry.io/5375161", STATIC_ASSETS_HOST: "https://static.hivebrite.com", STRIPE_PUBLISHABLE_KEY: "pk_live_KdT5tRx1pmCdRSE3b190xoKt00Deb3ZlXR", WEBSOCKET_WS_URI: "wss://websocket.us.hivebrite.com", } </script> <link href='https://fonts.bunny.net/css?family=Work+Sans:400,700&display=fallback' media='screen' rel='stylesheet'> <style> body, button, input, textarea { font-family: Work Sans, 'Inter', 'Nunito', Helvetica, Arial, sans-serif !important; } </style> <link rel="stylesheet" href="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/css/homepage_network-5cfdbd63c057c6149330.css" media="screen, projection" /> <style> /*** Set globals ***/ :root { --color-background: #F7F9FB; --color-background-transparent: rgba(247, 249, 251, 0); --color-button-primary: rgba(248, 149, 29, 1); --color-button-primary-text: #FFFFFF; --color-public-button-primary: rgba(248, 149, 29, 1); --color-public-button-primary-text: #FFFFFF; --color-public-links: rgba(248, 149, 29, 1)!important; --color-public-links-hover: #d17606 !important; } </style> <style> /*Public header dynamic color*/ .header--menu__submenus, .rslides_tabs .rslides_here a { background-color: rgba(23, 43, 84, 1)!important; } .header__menu li a, .mobile__menu a, .dropdown-more-menu a { color: #FAFAFA!important; } /*Public top html-block section dynamic color*/ .html-block--top .cover-color { background-color: rgba(255, 255, 255, 0)!important; } /*Public bottom html-block section dynamic color*/ .html-block--bottom .cover-color { background-color: rgba(255, 255, 255, 0)!important; } /*Public news section dynamic color*/ .news .section-title { background-color: rgba(255, 255, 255, 0)!important; } .news .section-title .h1 { color: ; } .news .btn { color: ; background-color: ; } .news .cover-color { background-color: rgba(255, 255, 255, 0)!important; } /*Public events section dynamic color*/ .events .h1 { color: ; } .events .btn { color: ; background-color: ; } .events .cover-color { background-color: rgba(255, 255, 255, 0)!important; } /*Public partners section dynamic color*/ .partners .section-title { background-color: rgba(255, 255, 255, 0)!important; } .partners .section-title .h1 { color: ; } .partners .cover-color { background-color: rgba(255, 255, 255, 0)!important; } /*Public header menu item dynamic color*/ .header__menu > li a span:after, .dropdown-more-menu .dropdown-menu li a span:after, .mobile__menu > ul li a span:after { background-color: rgba(248, 149, 29, 1)!important; } /*Public header menu dynamic height*/ body > .header-container--nav { height: 72px; } body .header__menu > li > a, body .header__buttons--right .login-link a, body .js-dropdown-more-menu > a { line-height: 72px; height: 72px; } body .header__logo { height: 72px; } body .homepage-network__container { padding-top: 72px; } body .homepage-network__container--more-padding { padding-top: 72px; } body .homepage-notif { top: 72px !important; } body .homepage-notif--top-shifted { top: 72px !important; } /*Slider dynamic color*/ .homepage__header-sider .legend .h1, .homepage__header-sider .legend p { color: #FFFFFF!important; background-color: rgba(0, 0, 0, 0.3)!important; } .rslides li .legend { top: 46%; text-align: left; } /*** Custom class for dynamic color ***/ /*color_header_public*/ .custom-color-header-public { color: rgba(23, 43, 84, 1)!important; } .custom-bg-color-header-public { background-color: rgba(23, 43, 84, 1)!important; } .custom-border-color-header-public { border-color: rgba(23, 43, 84, 1)!important; } /*color_mobile_header_public*/ .custom-color-mobile-header-public { color: rgba(23, 43, 84, 1)!important; } .custom-bg-color-mobile-header-public { background-color: rgba(23, 43, 84, 1)!important; } @media (max-width: 44.9375em) { .custom-bg-color-mobile-header-public-if-mobile { background-color: rgba(23, 43, 84, 1)!important; } } .custom-border-color-mobile-header-public { border-color: rgba(23, 43, 84, 1)!important; } /*color_header_links_public*/ .custom-color-header-links-public { color: #FAFAFA!important; } .custom-bg-color-header-links-public { background-color: #FAFAFA!important; } .custom-border-color-header-links-public { border-color: #FAFAFA!important; } /*color_outline_navigation_public*/ .custom-color-outline-navigation-public { color: rgba(248, 149, 29, 1)!important; } .custom-bg-color-outline-navigation-public { background-color: rgba(248, 149, 29, 1)!important; } .custom-border-color-outline-navigation-public { border-color: rgba(248, 149, 29, 1)!important; } /*color_public_links*/ .custom-color-public-links { color: rgba(248, 149, 29, 1)!important; } .custom-color-public-links:hover { color: #d17606 !important; } /*color_public_button_primary*/ .custom-color-public-button-primary { color: var(--color-public-button-primary) !important; } .custom-bg-color-public-button-primary { background-color: var(--color-public-button-primary) !important; } .custom-bg-color-public-button-primary-transparentize { background-color: rgba(248, 149, 29, 0.8)!important; } .custom-border-color-public-button-primary { border-color: var(--color-public-button-primary) !important; } /*color_login_button*/ .custom-color-login-button { color: #FFFFFF!important; } .custom-bg-color-login-button { background-color: rgba(248, 149, 29, 1)!important; } .custom-border-color-login-button { border-color: rgba(248, 149, 29, 1)!important; } /*color_header_social_icons_public*/ .custom-color-header-social-icons-public { color: #FAFAFA!important; } .custom-bg-color-header-social-icons-public { background-color: #FAFAFA!important; } .custom-border-color-header-social-icons-public { border-color: #FAFAFA!important; } /*color_footer*/ .custom-color-footer { color: rgba(255, 255, 255, 1)!important; } .custom-bg-color-footer { background-color: rgba(255, 255, 255, 1)!important; } .custom-border-color-footer { border-color: rgba(255, 255, 255, 1)!important; } /*color_footer_links*/ .custom-color-footer-links, .custom-color-footer-links a { color: rgba(23, 43, 84, 1)!important; } .custom-bg-color-footer-links { background-color: rgba(23, 43, 84, 1)!important; } .custom-border-color-footer-links { border-color: rgba(23, 43, 84, 1)!important; } </style> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="LYYPyJ3p0eWsCBGILTvicxuYBgzZ0v4hxzFyVM6sR_icE6NYupJRGuZASJIojTi2YqU2MOqFodJrjsE6AdCpBg" /> </head> <body class='js-homepage-po'> <a class='skip-to-content' href='#po-main-container'> <span class='skip-to-content--wrapper'> Skip to content </span> </a> <div class='homepage-network__notifications'> <div class='homepage-notif homepage-notif--success absolute west one-whole text--center' style='display: none;'> <div></div> <a class='homepage-notif__close-button' data-behavior='close-parent' href='#'>×</a> </div> <div class='homepage-notif homepage-notif--error absolute west one-whole text--center' style='display: none;'> <div></div> <a class='homepage-notif__close-button' data-behavior='close-parent' href='#'>×</a> </div> </div> <header class='custom-bg-color-header-public custom-bg-color-mobile-header-public-if-mobile header-container header-container--nav sticky-menu' data-testid='network-bar'> <div class='homepage-container lap-and-up--soft--sides' role='navigation'> <div class='toggle-mobile-menu hidden--lap-and-up'> <button aria-controls='mobile-menu' aria-expanded='false' aria-haspopup aria-label='Toggle main navigation' class='toggle-mobile-menu-button js-toggle-mobile-menu' type='button'> <i aria-hidden='true' class='custom-color-header-links-public icon-bars v-middle'></i> </button> </div> <div aria-label='Main navigation' class='custom-bg-color-mobile-header-public mobile__menu hidden--lap-and-up js-mobile-menu' id='mobile-menu'> <ul class='soft-double-half--bottom' role='menu'> <li> <a class="" href="/"><span style="position: relative;">Home</span></a> </li> <li> <a class="" href="https://my.tesol.org/events"><span style="position: relative;">Events</span></a> </li> <li> <a class="" href="/page/mobile-app"><span style="position: relative;">Mobile App</span></a> </li> <li> <a class="" target="_blank" rel="noopener noreferrer" href="https://www.tesol.org/"><span style="position: relative;">tesol.org</span></a> </li> <li class='text--center no-padding--x'> <a class="js-login block bold custom-color-header-links-public" href="/login">Login</a> </li> </ul> </div> <a class="js-logo-container header__logo-container" href="https://my.tesol.org/"><img alt="myTESOL logo" class="header__logo__po" src="https://d21hwc2yj2s6ok.cloudfront.net/assets/networks/1546/public_website_header_logo/-original.png?1682951383" /> </a><div class='js-menu-container header__menu-container'> <ul class='js-menu header__menu grid__item' data-testid='network-menu'> <li> <a class="" href="/"><span style="position: relative;">Home</span></a> </li> <li> <a class="" href="https://my.tesol.org/events"><span style="position: relative;">Events</span></a> </li> <li> <a class="" href="/page/mobile-app"><span style="position: relative;">Mobile App</span></a> </li> <li> <a class="" target="_blank" rel="noopener noreferrer" href="https://www.tesol.org/"><span style="position: relative;">tesol.org</span></a> </li> </ul> <div class='js-dropdown-more-menu dropdown-more-menu hard hidden grid__item dropdown'> <a class='item-actions' data-toggle='dropdown' href='#'> <span class='custom-color-header-links-public'>More</span> <i class='icon-chevron-down f-size--small color-white custom-color-header-links-public'></i> </a> <ul class='dropdown-menu dropdown-menu--right header--menu__submenus'></ul> </div> </div> <div class='js-buttons-right-container header__buttons--right hidden--palm'> <div id='header__buttons--right__flex'> <div class='login-link inline-block'> <a class="js-login block bold custom-color-header-links-public" href="/login">Login</a> </div> </div> </div> </div> </header> <div class='homepage-network__container white--soft homepage-network__container--no-padding' id='po-main-container' role='main' tabIndex='-1'> <div class="" style="height: 100%;" data-component="po.ErrorCard" data-testid="error-card" data-props="{"title":"404","description":"Oops! We could not find the page you're looking for."}" data-loader="false" data-custom-network-colors="{}" data-custom-network-theming="{}"></div> </div> <footer class='custom-bg-color-footer custom-color-footer-links network__footer js-network__footer relative font-in-rem' data-testid='network-footer'> <div class='homepage-container soft-triple--ends lap-and-up--soft--sides f-size--0-8'> <div class='grid grid--full'><div class='grid__item one-quarter palm--one-whole palm--soft--sides'> <div class='lap--soft-double--right push-triple--right palm--flush'> <img alt="myTESOL logo" src="https://d21hwc2yj2s6ok.cloudfront.net/assets/networks/1546/website_footer_logo/-large.png?1682949163" /> </div> </div><div class='grid__item three-quarters palm--one-whole palm--soft-double--top'><div class='grid__item one-quarter lap--one-half palm--one-whole palm--soft--sides'> <div class='lap--soft-double--right push-triple--right palm--push--sides line-height-1-5'> <div class='custom-color-footer-links network-footer__section-title f-size--0-9'>Contact</div> <hr class='custom-border-color-footer-links'> <p class='push-half--bottom'>TESOL International Association</p> <div class='soft-quarter--top break-all'> <i class='custom-color-footer-links icon-enveloppe v-middle'></i> <span><a class="custom-color-footer-links" href="/cdn-cgi/l/email-protection#8ce1e9e1eee9feffccf8e9ffe3e0a2e3feeb"><span class="__cf_email__" data-cfemail="48252d252a2d3a3b083c2d3b272466273a2f">[email protected]</span></a></span> </div> </div> </div><div class='grid__item one-quarter lap--one-half palm--one-whole palm--soft--sides palm--soft-double--top'> <div class='lap--soft-double--right push-triple--right palm--push--sides'> <div class='custom-color-footer-links network-footer__section-title'>Cookies</div> <hr class='custom-border-color-footer-links'> <div class="" data-component="shared.WithdrawConsentBtn" data-testid="withdraw-consent-btn" data-props="{"colorFooterLinks":"rgba(23, 43, 84, 1)"}" data-loader="false" data-custom-network-colors="{}" data-custom-network-theming="{}"></div> </div> </div></div></div> </div> <div class='homepage-container lap-and-up--soft--sides font-in-rem'> <!-- / Display if white label is not activated OR if the powered by is enabled --> <div class='soft--ends f-size--1 bordered--top border-color--very-softgray text--right palm--soft--right custom-border-color-footer-links'> <div class='custom-color-footer-links'><a href="https://hivebrite.io/">Community engagement platform</a> by Hivebrite.</div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> window.__HB_NETWORK__ = { id: 1546, identifier: "tesol-international-association", } </script> <script> window.__DATADOG_ACTIVATION__ = true; </script> <script> window.__HB_OFFICE__ = 'PO' </script> <script> window.__CLIENT_TRACKING__ = { trackingId: "", googleTagManagerId: "GTM-PST3ZW6", } </script> <script src="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/js/runtime-298745d1d1a314af4cdc.js" crossorigin="anonymous"></script> <script src="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/js/commons-78bf37531191e6ecbf58.js" crossorigin="anonymous"></script> <script src="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/js/vendors-ff959a2cf03d2cdcb951.js" crossorigin="anonymous"></script> <script src="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/js/envs-d967e1516d7c2fb36414.js" crossorigin="anonymous"></script> <script src="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/js/locales/en-c5c340d9b3a850fac3c8.js" crossorigin="anonymous"></script> <script> window.__HB_COUNTRY_CODE__ = "" if ("false" === "true") { window.is_from_china = true } window.__HB_LOCALE__ = "en" if (window.I18n) { window.I18n.defaultLocale = "en" window.I18n.locale = "en" } </script> <script> var topicConfiguration = { id: "", whitelabelURL: false, whitelabelName: "", } var donationConfiguration = { whitelabelURL: false, } if (window.Hivebrite) { window.Hivebrite.topic = topicConfiguration window.Hivebrite.donation = donationConfiguration } else { window.Hivebrite = { rootUrl: "https://my.tesol.org", topic: topicConfiguration, donation: donationConfiguration, } } </script> <script src="https://us.hivebrite.com/routes.js"></script> <script src="https://static.hivebrite.com/v-f72b5ac1fd23c62d58ba5c2e0c28dce9b7d01b82/packs/js/homepage_network-086be116b90f2022c19e.js" crossorigin="anonymous"></script> <script> (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ key: "AIzaSyA7XsEJ6jRaoHYRhyE9WltiwcY0lESKbqs", v: "quarterly", libraries: "places", language: "en", }); </script> <div class="" data-component="shared.CookieBannerAppStandalone" data-testid="cookie-banner-app-standalone" data-props="{"env":"po"}" data-loader="false" data-custom-network-colors="{}" data-custom-network-theming="{}"></div> <script> $(function() { var onKeyDownMobileNavigation = function (event) { if (event.keyCode === 27) { // Trigger closure of the menu on Esc key. $('.js-toggle-mobile-menu').trigger('click'); } } $('.js-toggle-mobile-menu').click(function() { var $this = $(this); var $mobileMenu = $('.js-mobile-menu'); var isOpen = $mobileMenu.hasClass('open'); $this.attr('aria-expanded', !isOpen).trigger('focus'); $this.find('i').toggleClass('icon-plus icon-bars'); $('body').toggleClass('scroll-desactivated', !isOpen); $mobileMenu.toggleClass('open', !isOpen); $(document)[isOpen ? 'off' : 'on']('keydown', onKeyDownMobileNavigation); }); $('.js-sub_menu_toggle').click(function() { var $this = $(this); var $parent = $this.parents('li'); var isOpen = $parent.hasClass('toggle__sub-menu--open'); var $submenu = $parent.find('.mobile__sub-pages-customizables'); if (!isOpen) { $submenu.removeClass('mobile__sub-pages-customizables--closed'); } // Push it to the next event loop, so browser will remove closed class from submenu. setTimeout(function () { $parent.toggleClass('toggle__sub-menu--open', !isOpen); $this.attr('aria-expanded', !isOpen); }, 0); }); $('.mobile__sub-pages-customizables').on('transitionend webkitTransitionEnd', function() { var $this = $(this); var isOpen = $this.parents('li').hasClass('toggle__sub-menu--open'); // For closing set display to none, so screen readers will ignore it. $this.toggleClass('mobile__sub-pages-customizables--closed', !isOpen); }); // Menu wrapped if too long var windowWidth = 0; var logoContainer = $('.js-logo-container'); var menuContainer = $('.js-menu-container'); var menu = $('.js-menu'); var buttonsRightContainer = $('.js-buttons-right-container'); var dropdownMoreMenu = $('.js-dropdown-more-menu'); var homepageContainer = $('.homepage-container'); var realWidth = 0; var wrapMenu = function() { windowWidth = $(window).width() > homepageContainer.width() ? homepageContainer.width() : $(window).width(); // If an element is missing, avoid if (windowWidth && (logoContainer.length > 0) && (menuContainer.length > 0) && (menu.length > 0) && (buttonsRightContainer.length > 0) && (dropdownMoreMenu.length > 0)) { // + 20 is the margin-left on buttonsRightContainer realWidth = logoContainer.width() + menuContainer.width() + buttonsRightContainer.width() + 20; if (windowWidth < realWidth) { moveRequiredLi(); dropdownMoreMenu.removeClass('hidden'); } else { dropdownMoreMenu.addClass('hidden'); menuReveal(); } } else { // Reset menu opacity if avoid menuReveal(); } }; var menuReveal = function() { if (menuContainer.length > 0 && buttonsRightContainer.length > 0) { menuContainer.css('opacity', 1); menuContainer.css('transition', 'opacity 0.3s ease'); buttonsRightContainer.css('opacity', 1); buttonsRightContainer.css('transition', 'opacity 0.3s ease'); } else { $('.js-menu-container').css('opacity', 1); $('.js-menu-container').css('transition', 'opacity 0.3s ease'); $('.js-buttons-right-container').css('opacity', 1); $('.js-buttons-right-container').css('transition', 'opacity 0.3s ease'); } }; var moveToMoreDropdown = function(el) { el.detach().prependTo(dropdownMoreMenu.children('ul')); }; var clearMoreDropdown = function() { if (dropdownMoreMenu.length > 0 && menu.length > 0) { dropdownMoreMenu.children('ul').children().detach().appendTo(menu); } setTimeout(wrapMenu, 0); }; var moveRequiredLi = function() { var lastLi = menu.children('li').last(); if (lastLi.length > 0) { moveToMoreDropdown(lastLi); setTimeout(function() { // + 20 is the margin-left on buttonsRightContainer realWidth = logoContainer.width() + menuContainer.width() + buttonsRightContainer.width() + 20; if ((windowWidth - 10) < (realWidth)) { moveRequiredLi(); } else { menuReveal(); } }, 0); } }; $(window).on('resize', _.throttle(function() { clearMoreDropdown(); }, 1500)); setTimeout(function() { wrapMenu(); }, 1000); }); </script> <script> $(function() { $('.skip-to-content').on('click', function (e) { e.preventDefault(); $('.homepage-network__container').focus(); }); }) </script> <script> $(function() { var onKeyDownMobileNavigation = function (event) { if (event.keyCode === 27) { // Trigger closure of the menu on Esc key. $('.js-toggle-mobile-menu').trigger('click'); } } $('.js-toggle-mobile-menu').click(function() { var $this = $(this); var $mobileMenu = $('.js-mobile-menu'); var isOpen = $mobileMenu.hasClass('open'); $this.attr('aria-expanded', !isOpen).trigger('focus'); $this.find('i').toggleClass('icon-plus icon-bars'); $('body').toggleClass('scroll-desactivated', !isOpen); $mobileMenu.toggleClass('open', !isOpen); $(document)[isOpen ? 'off' : 'on']('keydown', onKeyDownMobileNavigation); }); $('.js-sub_menu_toggle').click(function() { var $this = $(this); var $parent = $this.parents('li'); var isOpen = $parent.hasClass('toggle__sub-menu--open'); var $submenu = $parent.find('.mobile__sub-pages-customizables'); if (!isOpen) { $submenu.removeClass('mobile__sub-pages-customizables--closed'); } // Push it to the next event loop, so browser will remove closed class from submenu. setTimeout(function () { $parent.toggleClass('toggle__sub-menu--open', !isOpen); $this.attr('aria-expanded', !isOpen); }, 0); }); $('.mobile__sub-pages-customizables').on('transitionend webkitTransitionEnd', function() { var $this = $(this); var isOpen = $this.parents('li').hasClass('toggle__sub-menu--open'); // For closing set display to none, so screen readers will ignore it. $this.toggleClass('mobile__sub-pages-customizables--closed', !isOpen); }); // Menu wrapped if too long var windowWidth = 0; var logoContainer = $('.js-logo-container'); var menuContainer = $('.js-menu-container'); var menu = $('.js-menu'); var buttonsRightContainer = $('.js-buttons-right-container'); var dropdownMoreMenu = $('.js-dropdown-more-menu'); var homepageContainer = $('.homepage-container'); var realWidth = 0; var wrapMenu = function() { windowWidth = $(window).width() > homepageContainer.width() ? homepageContainer.width() : $(window).width(); // If an element is missing, avoid if (windowWidth && (logoContainer.length > 0) && (menuContainer.length > 0) && (menu.length > 0) && (buttonsRightContainer.length > 0) && (dropdownMoreMenu.length > 0)) { // + 20 is the margin-left on buttonsRightContainer realWidth = logoContainer.width() + menuContainer.width() + buttonsRightContainer.width() + 20; if (windowWidth < realWidth) { moveRequiredLi(); dropdownMoreMenu.removeClass('hidden'); } else { dropdownMoreMenu.addClass('hidden'); menuReveal(); } } else { // Reset menu opacity if avoid menuReveal(); } }; var menuReveal = function() { if (menuContainer.length > 0 && buttonsRightContainer.length > 0) { menuContainer.css('opacity', 1); menuContainer.css('transition', 'opacity 0.3s ease'); buttonsRightContainer.css('opacity', 1); buttonsRightContainer.css('transition', 'opacity 0.3s ease'); } else { $('.js-menu-container').css('opacity', 1); $('.js-menu-container').css('transition', 'opacity 0.3s ease'); $('.js-buttons-right-container').css('opacity', 1); $('.js-buttons-right-container').css('transition', 'opacity 0.3s ease'); } }; var moveToMoreDropdown = function(el) { el.detach().prependTo(dropdownMoreMenu.children('ul')); }; var clearMoreDropdown = function() { if (dropdownMoreMenu.length > 0 && menu.length > 0) { dropdownMoreMenu.children('ul').children().detach().appendTo(menu); } setTimeout(wrapMenu, 0); }; var moveRequiredLi = function() { var lastLi = menu.children('li').last(); if (lastLi.length > 0) { moveToMoreDropdown(lastLi); setTimeout(function() { // + 20 is the margin-left on buttonsRightContainer realWidth = logoContainer.width() + menuContainer.width() + buttonsRightContainer.width() + 20; if ((windowWidth - 10) < (realWidth)) { moveRequiredLi(); } else { menuReveal(); } }, 0); } }; $(window).on('resize', _.throttle(function() { clearMoreDropdown(); }, 1500)); setTimeout(function() { wrapMenu(); }, 1000); }); </script> <script> $(function(){ white_label_host = "my.tesol.org"; if(location.hostname != white_label_host) { location.hostname = white_label_host; } }) </script> <div class="" data-component="shared.ToastsApp" data-testid="toasts-app" data-props="{"env":"po"}" data-loader="false" data-custom-network-colors="{}" data-custom-network-theming="{}"></div> <script> // if the user is trying to open the page using IE (or a browser based on IE) if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) { // force-open Edge (this may open a permission modal depending on IE security settings) window.location = 'microsoft-edge:' + window.location; } </script> </body> </html>