Diversity and Inclusion Ad Hoc Committee

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="catalyze min-h-full h-full scroll-smooth"> <head> <script src="https://cmp.osano.com/AzyzptTmRlqVd2LRf/19de01f5-b9f9-4484-9c98-4e4f352e19fc/osano.js"></script> <link rel="stylesheet" href="https://cookie-consent.ieee.org/ieee-cookie-banner.css" type="text/css"/> <meta charset="utf-8" /> <noscript><style>form.antibot * :not(.antibot-message) { display: none !important; }</style> </noscript><style>/* @see https://github.com/aFarkas/lazysizes#broken-image-symbol */.js img.lazyload:not([src]) { visibility: hidden; }/* @see https://github.com/aFarkas/lazysizes#automatically-setting-the-sizes-attribute */.js img.lazyloaded[data-sizes=auto] { display: block; width: 100%; }/* Transition effect. */.js .lazyload, .js .lazyloading { opacity: 0; }.js .lazyloaded { opacity: 1; -webkit-transition: opacity 2000ms; transition: opacity 2000ms; }</style> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/catalyze_tw/favicon.ico" type="image/png" /> <link rel="canonical" href="https://ieee-edusociety.org/about/ad-hoc-committees/diversity-and-inclusion-ad-hoc-committee" /> <link rel="shortlink" href="https://ieee-edusociety.org/node/1348" /> <title>Diversity and Inclusion Ad Hoc Committee | IEEE Education Society</title> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_XrosNcncQxZXjxhDfTGk_VkuYm9W61Xu5lj-6LtKELU.css?delta=0&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/dist/catalyze.css?snmw3t" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/lib/jquery.select2/css/select2.min.css?snmw3t" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_udeOy24gi8gAanQUgdSpoOyxMXSBZfrtZmtOh-IWM9I.css?delta=3&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_nTSH5f0Shay6AH0tpoJDX2Y8mAWGvd4Z0bkOarZZw2I.css?delta=4&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1348","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkVFuAyEMRC9EF6kXQgYcwq7BCJsmm9OXjSq1qZS0PyM882SDgRWujhgidgvf50XPnb3HbkAE1eW6YlDuNojMDAsaz6yiHZoT3QnFNhop18VD2FLnUaMLTNwXPzLF5zj3Y95rqEC_sy-hBjHmmv6gFK_qgHKqBav-B_75igAKtN_Q6cUCtVxxlQczbBjzXNSDmYg90NvRe17wIRKkudh3MwfNbLOxjwa0fJUmMSeaICSbpvyul-PLDMFtt4cY9qchsz06LJDJRjzBIDWC0MPZQcsOhnLg0ggV7RPfyC6KxXoQNB8ZL2LvuhSOg_AT2mPfBg","theme":"catalyze_tw","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtag":{"tagId":"G-3WCN7EBHZT","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-flow\u0022\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":true,"throbberPosition":"body"},"lazy":{"lazysizes":{"lazyClass":"lazyload","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"lazyerror","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.80000000000000004,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":[]},"placeholderSrc":"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==","preferNative":false,"minified":true,"libraryPath":"\/libraries\/lazysizes"},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":true,"extNoreferrer":true,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"0","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"search_api_autocomplete":{"cc_content_search":{"delay":200,"auto_submit":true,"min_length":3}},"user":{"uid":0,"permissionsHash":"64dbd84c9ca3f1f0e3be6079410a249a0fadda3963eef6ac1ef5321e5bab4a34"}}</script> <script src="/files/ieeeedusociety/js/js_oHzCB3hrvawoQfrkTORZRxnLyA-9Hrd-i8gFwNehzJ8.js?scope=header&delta=0&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg"></script> <script src="/modules/contrib/google_tag/js/gtag.js?snmw3t"></script> <script src="/files/ieeeedusociety/js/js_spwZrVdOiqyh4pflPpPSqbzH6LX16cDXECjPJZskTvk.js?scope=header&delta=2&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg"></script> <meta name="theme-color" content="var(--primary)"> </head> <body class="user-anonymous target-scroll-mt-24 path-node page-node-type-layout-page antialiased text-gray-900 h-full" :class="mobileFacetFilters ? 'max-lg__fixed' : ''" x-data="{ mobileFacetFilters: false }"> <a href="#main-content" class="visually-hidden focusable"> <div class="flex justify-center bg-gray-900"> <div class="inline max-w-xs px-3 pb-1 mx-auto mb-1 text-sm font-semibold bg-white rounded-b-lg"> Skip to main content </div> </div> </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div x-data="{ scrollAtTop: false, openSlideOver: false, searchBarOpen: false, shiftPressed: false }" x-title="ScrollAtTop, Slide-over menu, Search bar, Shift press"> <header id="header" role="banner" class="fixed z-50 w-full transition-all duration-150 ease-out transform" x-ref="navbar" x-title="Navbar" :class="{ ' translate-y-0' : !scrollAtTop, '' : scrollAtTop, 'md__-translate-y-10' : scrollAtTop, 'shadow-md' : scrollAtTop }" @scroll.window="scrollAtTop = pageYOffset > 50 ? true : false" > <section id="header-top" class="hidden bg-gray-900 lg__block"> <div class="flex flex-row justify-between container mx-auto"> <div id="block-ieee-meta" class="block block-menu-block block-menu-blockieee-meta"> <nav role="navigation" id="block-ieee-meta" class="block block-menu-block block-menu-blockieee-meta"> <div class="h-10"> <ul data-block-id="ieee_meta" region="header_top" class="flex flex-row space-x-6 h-full" role="list"> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/index.html" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE.org</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://ieeexplore.ieee.org/Xplore/home.jsp" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Xplore Digital Library</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://standards.ieee.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Standards</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://spectrum.ieee.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Spectrum</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/sitemap.html" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">More Sites</a> </li> </ul> </div> </nav> </div> <div class="flex justify-end w-full"> <a target="_self" href="https://www.ieee.org/"><img alt="IEEE" height="33px" class="pt-1.5 pr-1.5 m-0" src="/themes/custom/catalyze_tw/ieee-logo.png"></img> </div> </div> </section> <div id="navbar" class="relative origin-top shadow h-20"> <div id="navbar_top" class="bg-white"> <div class="container h-full"> <div class="flex justify-between h-20 max-w-6xl mx-auto space-x-6 2xl__max-w-full"> <div id="block-catalyze-tw-site-branding" class="block block-system block-system-branding-block block--brand max-w-md h-full bg-white"> <div class="h-full"> <a href="/" title="Home" rel="home" class="flex items-center h-full py-2 brand--logo"> <img class="w-auto h-full max-h-full" src="/files/ieeeedusociety/ieee-edsoc-color-logo-forweb.png" alt="Home"/> </a> </div> </div> <nav role="navigation" id="block-mainmegamenu" class="block--mega-menu--main static h-full hidden lg__flex justify-end w-full bg-wavy-banner-edge-left"> <ul class="menu menu-- menu-level-0 nav navbar-nav flex h-full" role="list"> <li class="menu-item-About mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - About" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">About</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">About Us</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1303">Education Society Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview#diversity" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1303">IEEE Diversity Statement</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Executive Leadership</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives#excom" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1308">Current Society Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/board-governors" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Current Board of Governors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/media-bookdirectory/board-governors-meeting-minutes" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Society Board of Governors Meeting Minutes</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Committees and Representatives</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives#standing" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1308">Society Standing Committees</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/education-society-representatives-ieee-technical-activities-board-tab" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/846">Society Representatives to IEEE TAB Committees</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded active nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Ad Hoc Committees</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/ad-hoc-committees/young-professionals" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1316">Young Professionals Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00 active"> <a href="/about/ad-hoc-committees/diversity-and-inclusion-ad-hoc-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline is-active" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1348">Committee on Diversity and Inclusion</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Governing Documents</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/files/ieeeedusociety/2024-10/Constitution_Bylaws_upd-2024.pdf" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Constitution and Bylaws</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">History</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/presidents-advisory-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>President's Advisory Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/ieee-education-society-president-history" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1307">Presidential Leadership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://docs.google.com/spreadsheets/d/1TDi-zOgOWjQw0hzccoVM5f2OR2n45Eh5/edit?gid=1619997421#gid=1619997421" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ rel="noreferrer">Historical Roster Download</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Contact</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/form/contact-us" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="webform/contact_us">Contact Us Form</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Activities mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Activities" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Activities</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Distinguished Lecturer Program</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/distinguished-lecturer-program" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1366">Program Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/distinguished-lecturer-program/distinguished-lecturers" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1367">Current Lecturers</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Educational Activities</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <a href="/activities/educational-activities/about-ieee-education-week" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1368">IEEE Education Week</a> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-ieee-education-week/ieee-education-week-events" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1369">IEEE Education Week Event Recordings</a> </li> </ul> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/ieee-teaching-excellence-hub" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1380">IEEE Teaching Excellence Hub</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-webinars" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1381">Webinars</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">MOOCs</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/moocs" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1389">About MOOCs</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">MERLOT</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-merlot" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>About MERLOT</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/educational-activities/about-merlot/teaching-technology-resource-center" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1388">Teaching with Technology Resource Center</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Awards mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Awards" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Awards</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/about-awards" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1457">About Society Awards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives/awards-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/831">Awards Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Awards and Recognitions</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/about-awards/awards-recognitions-listing" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1458">Awards and Recognition List</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/ieee-fellow" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1459">IEEE Fellow</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/awards-recognitions/about-awards#nomination" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1457">Nomination Procedure</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/awards/about-awards/award-reference-letter-forms" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1460">Reference Letter Forms</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Conferences mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Conferences" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Conferences</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1309">About Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/conferences-workshops-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Conference Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/technical-co-sponsorship-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1310">Request Technical Co-Sponsorship</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Society Conferences</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/financially-sponsored-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1314">Financially Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/technically-co-sponsored-conferences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1315">Technically Co-Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/about-conferences/upcoming-events" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1311">Complete Conference & Workshop Listing</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Conference Session Recordings</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/educon/about-educon" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1365">About EDUCON</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/presentation-library?f%5B0%5D=series%3A32" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-query="{"f":["series:32"]}" data-drupal-link-system-path="presentation-library">EDUCON Conference Recordings</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Membership mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Membership" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Membership</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/about-membership" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1395">About Membership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/about-membership/membership-activities-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1396">Membership Activities Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Chapters</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/chapters/about-chapters" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1407">About Chapters</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/membership/chapters/about-chapters/chapter-directory" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1397">Chapter Directory</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Publications mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Publications" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Publications</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">General Information</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1452">About Publications</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/publications-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/828">Publications Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Transactions and Journals</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/toe" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1409">IEEE ToE: Transactions on Education</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/tlt" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1436">IEEE TLT: Transaction Learning Technologies</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/access-edusociety-section" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1438">IEEE Access: IEEE Education Society Section</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/about-publications/rita" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1439">IEEE Revista Iberoamericana de Technolgías del Aprednizaje</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Other Publications</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://ieee-edusociety-catalyze.confcats.io/publication/about-publications/education-society-newsletter" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ rel="noreferrer">Education Society Newsletter</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Technical Education mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Technical Education" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Technical Education</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Technical Committee on Learning Sciences</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-learning-sciences" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>About TCLS</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-learning-sciences#committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>People</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://clst.fed.cuhk.edu.hk/~tcls/events/" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ rel="noreferrer">Events</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Technical Committee on Immersive Learning Environments</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-immersive-learning-environments" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>About the TC-ILE</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/technical-committee-immersive-learning-environments/committee-membership" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Membership</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Standards</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/ieee-education-society-standards-committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1394">About Standards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/ieee-education-society-standards-committee#committee" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1394">Standards Committee</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> </ul> </nav> <div class="flex justify-end h-full space-x-6 nav--action"> <button type="button" class="inline-flex items-center justify-center flex-shrink-0 h-full transition-all duration-300 cursor-pointer opacity-85 hover__bg-gray-50 hover__opacity-100 focus__outline-none" @click="searchBarOpen = true; if (open) $nextTick(()=>{});" @keydown.window.prevent.escape="searchBarOpen = false;" aria-label="Search"> <span class="hidden mr-3 font-bold leading-none truncate lg__block">Search</span> <i class="far fa-regular fa-search fa-fw fa-lg"></i> </button> <button type="button" class="block h-full mb-0 transition-colors duration-150 ease-in-out lg__hidden focus__outline-none hover__text-gray-500 focus__text-gray-500" @click="openSlideOver = true" @keyup.window.prevent.ctrl.m="openSlideOver = true; if (open) $nextTick(()=>{$refs.slideOverBody.focus()});" @keydown.window.prevent.escape="openSlideOver = false;" aria-label="Menu"> <i class="fa-regular fa-bars fa-lg"></i> </button> </div> </div> </div> </div> <div id="navbar-content" class="bg-primary-500"> <div class="h-full"> <nav id="navbar" class="relative flex justify-between z-80 mt-10 sm__mt-0"> <div class="relative inset-0 bg-primary-500 w-full" x-show="searchBarOpen" @click.outside="searchBarOpen = false" x-transition:enter="transition-opacity ease-out duration-500" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition-opacity ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" x-cloak> <div class="views-exposed-form block block-views block-views-exposed-filter-blockcc-content-search-page-search" data-drupal-selector="views-exposed-form-cc-content-search-page-search"> <form action="/search" method="get" id="views-exposed-form-cc-content-search-page-search" accept-charset="UTF-8" class="flex mb-8 gap-3 space-y-2 flex-wrap items-end"> <div class="js-form-item form-item js-form-type-search-api-autocomplete form-item-keys js-form-item-keys form-no-label w-full"> <input data-drupal-selector="edit-keys" data-search-api-autocomplete-search="cc_content_search" class="form-autocomplete form-text form-input bg-white bg-opacity-10 focus__outline-none focus__shadow-none leading-tight appearance-none block text-white text-xl border-0 p-6 mb-0 transition ease-in-out duration-150 w-full max-w-prose mx-auto rounded-none placeholder-white placeholder-opacity-75" data-autocomplete-path="/search_api_autocomplete/cc_content_search?display=page_search&&filter=keys" type="search" id="edit-keys" name="keys" value="" size="30" maxlength="128" placeholder="Search by word or phrase..." autofocus x-ref="searchBar"/> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper flex justify-center gap-3 mt-2" id="edit-actions"> <input data-drupal-selector="edit-submit-cc-content-search" type="submit" id="edit-submit-cc-content-search" value="Search" class="button js-form-submit form-submit btn-primary hidden hover__bg-primary-500 hover__text-white" /> </div> </form> </div> </div> </nav> </div> </div> <div id="navbar_bottom" class="hidden bg-gray-900 Xbg-opacity-100 Xbg-primary-500 xl__block"> <div class="container flex h-full 2xl__justify-center"> </div> </div> </div> </header> <div x-show="openSlideOver" x-transition:enter="duration-150 ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="duration-150 ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-description="Mobile menu overlay, show/hide based on openSlideOver state." class="fixed inset-0 bg-black bg-opacity-25 z-100" @click="toggle" x-cloak></div> <div id="slide-over" class="fixed right-0 w-full h-full bg-white shadow-2xl slide-over sm__max-w-md z-100" x-title="Slide-over" x-ref="openSlideOver" x-show="openSlideOver" @click.away="openSlideOver = false" x-on:keydown.escape="openSlideOver = false" x-transition:enter="transition ease duration-150 -ml-96" x-transition:enter-start="transform translate-x-96" x-transition:enter-end="transform translate-x-0 ml-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="transform opacity-100" x-transition:leave-end="transform opacity-0" x-cloak> <div class="flex flex-col h-full"> <div class="flex items-start justify-end px-6 py-3 border-b border-gray-100 bg-primary-500 mega-menu--bottom bg-liquid-cheese slide-over--header"> <h2 class="text-lg font-medium text-gray-900" id="slide-over--title"></h2> <button class="px-1 bg-white rounded shadow slide-over--close hover__text-gray-500 focus__outline-none" @click="openSlideOver = false"> <span class="sr-only">Close panel</span> <i class="fa-regular fa-times fa-lg"></i> </button> </div> <div class="flex flex-col flex-1 min-h-0 overflow-y-scroll bg-white slide-over--body" x-ref="slideOverBody"> <div> <div id="block-main-menu" class="block block-menu-block block-menu-blockmain"> <nav role="navigation" id="block-main-menu" class="block block-menu-block block-menu-blockmain"> <ul data-block-id="main_menu" region="slide_over_sidebar"> <li class="nav-item nav-item expanded active nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - About"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">About</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - About Us"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">About Us</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1303">Education Society Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview#diversity" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1303">IEEE Diversity Statement</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Executive Leadership"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Executive Leadership</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/committees-representatives#excom" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1308">Current Society Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/board-governors" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Current Board of Governors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/media-bookdirectory/board-governors-meeting-minutes" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Society Board of Governors Meeting Minutes</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Committees and Representatives"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Committees and Representatives</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/committees-representatives#standing" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1308">Society Standing Committees</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/education-society-representatives-ieee-technical-activities-board-tab" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/846">Society Representatives to IEEE TAB Committees</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded active nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Ad Hoc Committees"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Ad Hoc Committees</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/ad-hoc-committees/young-professionals" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1316">Young Professionals Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 active"> <a href="/about/ad-hoc-committees/diversity-and-inclusion-ad-hoc-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline is-active" data-drupal-link-system-path="node/1348">Committee on Diversity and Inclusion</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Governing Documents"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Governing Documents</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/files/ieeeedusociety/2024-10/Constitution_Bylaws_upd-2024.pdf" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Constitution and Bylaws</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - History"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">History</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/presidents-advisory-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">President's Advisory Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/ieee-education-society-president-history" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1307">Presidential Leadership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://docs.google.com/spreadsheets/d/1TDi-zOgOWjQw0hzccoVM5f2OR2n45Eh5/edit?gid=1619997421#gid=1619997421" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" rel="noreferrer">Historical Roster Download</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Contact"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Contact</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/form/contact-us" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="webform/contact_us">Contact Us Form</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Activites"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Activites</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Distinguished Lecturer Program"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Distinguished Lecturer Program</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/distinguished-lecturer-program" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1366">Program Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/distinguished-lecturer-program/distinguished-lecturers" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1367">Current Lecturers</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Educational Activities"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Educational Activities</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <a href="/activities/educational-activities/about-ieee-education-week" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1368">IEEE Education Week</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/ieee-teaching-excellence-hub" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1380">IEEE Teaching Excellence Hub</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/educational-activities/about-webinars" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1381">Webinars</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - MOOCs"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">MOOCs</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/moocs" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1389">About MOOCs</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - MERLOT"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">MERLOT</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/educational-activities/about-merlot" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">About MERLOT</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/educational-activities/about-merlot/teaching-technology-resource-center" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1388">Teaching with Technology Resource Center</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Technical Education"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Technical Education</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Technical Committee on Learning Sciences"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Technical Committee on Learning Sciences</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-learning-sciences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">About TCLS</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-learning-sciences#committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">People</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://clst.fed.cuhk.edu.hk/~tcls/events/" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" rel="noreferrer">Events</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Technical Committee on Immersive Learning Environments"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Technical Committee on Immersive Learning Environments</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-immersive-learning-environments" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">About the TC-ILE</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/technical-committee-immersive-learning-environments/committee-membership" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Membership</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Standards"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Standards</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/ieee-education-society-standards-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1394">About Standards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/ieee-education-society-standards-committee#committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1394">Standards Committee</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Awards"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Awards</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Awards and Recognitions"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Awards and Recognitions</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/about-awards/awards-recognitions-listing" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1458">Awards and Recognition List</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/ieee-fellow" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1459">IEEE Fellow</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/about-awards#nomination" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1457">Nomination Procedure</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/about-awards/award-reference-letter-forms" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1460">Reference Letter Forms</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/awards/awards-recognitions/about-awards" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1457">About Society Awards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/society-overview/committees-representatives/awards-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/831">Awards Committee</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Conferences"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Conferences</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1309">About Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/conferences-workshops-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline">Conference Committee</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/technical-co-sponsorship-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1310">Request Technical Co-Sponsorship</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Society Conferences"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Society Conferences</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/financially-sponsored-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1314">Financially Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/technically-co-sponsored-conferences" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1315">Technically Co-Sponsored Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/about-conferences/upcoming-events" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1311">Complete Conference & Workshop Listing</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Conference Session Recordings"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Conference Session Recordings</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/educon/about-educon" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1365">About EDUCON</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/presentation-library?f%5B0%5D=series%3A32" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-query="{"f":["series:32"]}" data-drupal-link-system-path="presentation-library">EDUCON Conference Recordings</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Membership"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Membership</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/about-membership" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1395">About Membership</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/about-membership/membership-activities-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1396">Membership Activities Committee</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Chapters"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Chapters</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/chapters/about-chapters" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1407">About Chapters</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/membership/chapters/about-chapters/chapter-directory" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1397">Chapter Directory</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Publications"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Publications</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - General Information"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">General Information</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1452">About Publications</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/publications-committee" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/828">Publications Committee</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Transactions and Journals"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Transactions and Journals</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/toe" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1409">IEEE ToE: Transactions on Education</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/tlt" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1436">IEEE TLT: Transaction Learning Technologies</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/access-edusociety-section" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1438">IEEE Access: IEEE Education Society Section</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/about-publications/rita" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/1439">IEEE Revista Iberoamericana de Technolgías del Aprednizaje</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Other Publications"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left text-gray-900 transition-colors duration-150 ease-in-out border-l-8 hover__text-gray-500 hover__bg-gray-100 focus__text-gray-500 focus__bg-gray-50 bg-gray-50 border-primary-400 ml-1 group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description=""> <span class="heading--nav--second-level menu-item-link inline-flex text-base mb-0 font-bold">Other Publications</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://ieee-edusociety-catalyze.confcats.io/publication/about-publications/education-society-newsletter" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" rel="noreferrer">Education Society Newsletter</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> </ul> </nav> </div> <div id="block-socialsharing" class="block block-social-sharing block-social-sharing-block"> <section class="max-w-5xl mx-auto bg-white border-separator-b"> <div class="flex items-center justify-between "> <div class="flex justify-between w-full text-gray-600 "> <div class="flex flex-row"> <i class="hidden m-6 fa-regular fa-comment-alt-lines"></i> </div> <div class="inline-flex items-center"> <span class="font-bold leading-none text-right text-gray-600">Share on:</span> <ul class="inline-flex px-3 mrcs-social-share--share-services"> <li> <a class="share-service-link share-service-twitter w-12 h-12 inline-flex justify-center items-center" target="_blank" href="https://twitter.com/intent/tweet?text=Rebecca%20Reck&url=https%3A//ieee-edusociety.org/contact/rebecca-reck&status=Rebecca%20Reck%20https%3A//ieee-edusociety.org/contact/rebecca-reck" title="Twitter" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg class='css-i6dzq1 svg--social--x' viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" fill='#F3F4F6' stroke-linecap="round" stroke-linejoin="round" aria-hidden='true'> <g> <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'/> </g> </svg> </span> </a> </li> <li> <a class="share-service-link share-service-email w-12 h-12 inline-flex justify-center items-center" target="_blank" href="/cdn-cgi/l/email-protection#92ade1e7f0f8f7f1e6afc0f7f0f7f1f1f3b7a0a2c0f7f1f9b4f3ffe2a9f0fdf6ebafd1faf7f1f9b7a0a2fde7e6b7a0a2e6fafbe1b7a0a2e1fbe6f7b7a0a2fae6e6e2e1b7a1d3bdbdfbf7f7f7bff7f6e7e1fdf1fbf7e6ebbcfde0f5bdf1fdfce6f3f1e6bde0f7f0f7f1f1f3bfe0f7f1f9" title="Mail" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="1.5" fill="#F3F4F6" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1 svg--social--email"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path> <polyline points="22,6 12,13 2,6"></polyline> </svg> </span> </a> </li> <li> <a class="share-service-link share-service-facebook w-12 h-12 inline-flex justify-center items-center" target="_blank" href="https://www.facebook.com/share.php?u=https%3A//ieee-edusociety.org/contact/rebecca-reck&title=Rebecca%20Reck" title="Facebook" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="1.5" fill="#F3F4F6" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1 svg--social--facebook"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path> </svg> </span> </a> </li> <li> <a class="share-service-link share-service-linkedin w-12 h-12 inline-flex justify-center items-center" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A//ieee-edusociety.org/contact/rebecca-reck&title=Rebecca%20Reck&source=https%3A//ieee-edusociety.org/contact/rebecca-reck" title="LinkedIn" rel="noopener noreferrer"> <span class="share-service-name text-gray-600 hover__text-gray-900"> <svg viewbox="0 0 24 24" width="32" height="32" stroke="currentColor" stroke-width="1.5" fill="#F3F4F6" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1 svg--social--linkedin"> <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path> <rect x="2" y="9" width="4" height="12"></rect> <circle cx="4" cy="4" r="2"></circle> </svg> </span> </a> </li> </ul> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> <div class="flex flex-col min-h-screen"> <div class="flex flex-col flex-grow pt-20 lg__flex-row lg__pt-30"> <main role="main" class="relative flex-auto bg-gray-50 layout_page--main "> <a id="main-content" tabindex="-1"></a> <div class="relative sm__-mb-10 z-10"> <div id="block-catalyze-tw-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <section id="breadcrumbs" class="relative hidden bg-black bg-opacity-50 sm__block" role="region"> <nav class="flex h-10 mx-auto " aria-label="Breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ul class="container inline-flex"> <li class="inline-flex items-center group"> <a href="/" class="inline-flex items-center flex-shrink-0 h-full text-white group-hover__text-gray-200" title="Home"> <i class="fa-regular fa-home-lg-alt"></i> <span class="sr-only">Home</span> </a> </li> <li class="inline-flex items-center"> <i class="text-secondary-500 text-opacity-20 fa-regular fa-chevron-right ml-3 w-6"></i> <span class="py-1 ml-4 text-sm font-semibold leading-none text-white line-clamp-2" title="About">About</span> </li> <li class="inline-flex items-center"> <i class="text-secondary-500 text-opacity-20 fa-regular fa-chevron-right ml-3 w-6"></i> <span class="py-1 ml-4 text-sm font-semibold leading-none text-white line-clamp-2" title="Ad Hoc Committees">Ad Hoc Committees</span> </li> <li class="inline-flex items-center"> <i class="text-secondary-500 text-opacity-20 fa-regular fa-chevron-right ml-3 w-6"></i> <span class="py-1 ml-4 text-sm font-semibold leading-none text-white line-clamp-2" title="Diversity and Inclusion Ad Hoc Committee">Diversity and Inclusion Ad Hoc Committee</span> </li> </ol> </nav> </section> </div> </div> <div class="relative mx-auto"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="node-published relative flex flex-col justify-center lg__flex-row xl__space-x-6"> <div class="flex-auto content--main layout-content"> <div id="block-catalyze-tw-content"> <article about="/about/ad-hoc-committees/diversity-and-inclusion-ad-hoc-committee" class="relative"> <div> <div class="layout--header bg-primary-500 bg-rect-light bg-primary-500 bg-color _none pt-0 sm__pt-0 lg__pt-0 pb-0 sm__pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container-fluid relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 header--content-left-col bg-liquid-cheese bg-content-overlay bg-primary-600 py-6 lg__py-12 space-y-6 blb-region-col" > <div class="text-white _none block block-layout-builder block-field-blocknodelayout-pagefield-display-title block--blb"> <div class="content"> <div> <div class="label field--label visually-hidden" title="Title"></div> <h1 class="title custom--title leading-tight" title="Diversity and Inclusion Ad Hoc Committee"> <span class="align-middle" rel="bookmark">Diversity and Inclusion Ad Hoc Committee</span> </h1> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="_none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-9 lg__col-9 xl__col-9 2xl__col-9 blb-region-col" > <div class="_none mt-6 block-type-basic block block-layout-builder block-inline-blockbasic block--blb"> <div class="content"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <p>The IEEE Education Society Ad Hoc Committee on Diversity and Inclusion is excited to make an impact in 2023. If you are interested Diversity and Inclusion in the IEEE Education Society, please feel welcome to reach out to the chair of the committee, Pritpal Singh. </p> </div> </div> </div> <div class="mt-12 block-type-cta block block-layout-builder block-inline-blockcta block--blb p-2 space-y-2 text-center"> <div class="content space-y-3"> <span class="flex justify-center"></span> <div class="text-lg"> <div class="field field--block-content--field-lead-formatted field--name-field-lead-formatted field--type-text field--label-hidden full--hidden">Interested in Joining the IEEE Education Society Ad Hoc Committee on Diversity and Inclusion?</div> </div> <div class="pt-2 flex items-center justify-center gap-3 flex-wrap"> <a href="/form/email-contact?contact_nid=522" class="btn btn-primary">Email the Committee Chair</a> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-3 lg__col-3 xl__col-3 2xl__col-3 blb-region-col" > <div class="_none mt-3 block block-entity-browser-block block-entity-browser-blockcontent"> <article about="/position/ieee-education-society-diversity-and-inclusion-committee-chair" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="teaser-v xl__teaser-h teaser teaser--position teaser-h-64"> <div class="teaser--main xl__teaser-h--main flex flex-col justify-between"> <div class="teaser--body xl__teaser-h--body"> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-hidden card--hidden text-base leading-tight line-clamp-3" title="IEEE Education Society Diversity and Inclusion Committee Chair"> <a href="/position/ieee-education-society-diversity-and-inclusion-committee-chair" hreflang="en">IEEE Education Society Diversity and Inclusion Committee Chair</a> </h3> <div class="view view-eva view-multifield-incumbent view-id-multifield_incumbent view-display-id-entity_view_card_current_grid js-view-dom-id-0bc8ee9c54b17ea57553fc0e622d448dd8202d1f27721e881a654308e4a33b14"> <ul class="incumbents--grid grid grid-responsive-container gap-6" data-observe-resizes=""> <li class="col-span-1 space-y-2 first last odd"> <div><div> <div class="leading-tight"> <div class="field field--multifield--field-date-range field--name-field-date-range field--type-daterange field--label-above custom--above tracking-wide font-semibold mt-1 break-words inline-flex leading-tight text-gray-600" title="Date Range"> <span><time datetime="2022-01-01T12:00:00Z">2022</time> - <time datetime="2022-12-30T12:00:00Z">2022</time> </span> </div> </div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/pritpal-singh" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="United States of America"> <span>USA</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/pritpal-singh" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Dr. Pritpal Singh" title="Dr. Pritpal Singh" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Diseno-sin-titulo.png?h=297da09b&itok=idGcUaOj" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Pritpal Singh "> <span><a href="/contact/pritpal-singh" hreflang="en">Pritpal Singh</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>Villanova University</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 2 (Eastern U.S.)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=522">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> </ul> </div> </div> </div> </div> </article> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="layout--body bg-white bg-color _none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 blb-region-col" > <div class="views-element-container _none block block-views block-views-blockmultifield-incumbent-block-card-current-grid block--blb"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 border-separator-light"></div> <span class="relative inline-flex text-lg font-extrabold"><h2 class="block__title">IEEE Education Society Diversity and Inclusion Ad Hoc Committee Members</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="mt-6"> <ul class="incumbents--grid grid grid-responsive-container gap-6" data-observe-resizes=""> <li class="col-span-1 first odd"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/rosanna-yuen-yan-chan" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="Hong Kong"> <span>HKG</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/rosanna-yuen-yan-chan" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Rosanna Chan headshot" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Rosanna%20Chan.jpg?h=3d1f426a&itok=wzKAVyVt" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Rosanna Yuen-Yan Chan "> <span><a href="/contact/rosanna-yuen-yan-chan" hreflang="en">Rosanna Yuen-Yan Chan</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>The Chinese University of Hong Kong</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 10 (Asia and Pacific)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=17">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> <li class="col-span-1 even"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/prof-dr-paloma-diaz" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="Spain"> <span>ESP</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/prof-dr-paloma-diaz" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Prof. Dr. Paloma Díaz" title="Prof. Dr. Paloma Díaz" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/pdp22.png?h=7b972815&itok=Sct6ZNHw" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Prof. Dr. Paloma Díaz "> <span><a href="/contact/prof-dr-paloma-diaz" hreflang="en">Prof. Dr. Paloma Díaz</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>Universidad Carlos III de Madrid</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 8 (Africa, Europe, Middle East)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=547">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> <li class="col-span-1 odd"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/lisa-g-huettel" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="United States of America"> <span>USA</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/lisa-g-huettel" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Lisa G. Huettel" title="Lisa G. Huettel" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Lisa%2520Huettel_headshot.jpg?h=d7171510&itok=T8iWXf0H" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Lisa G. Huettel "> <span><a href="/contact/lisa-g-huettel" hreflang="en">Lisa G. Huettel</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>Duke University</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 3 (Southeastern U.S.)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=14">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> <li class="col-span-1 even"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/habib-m-kammoun" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="Tunisia"> <span>TUN</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/habib-m-kammoun" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Habib M. Kammoun" title="Habib M. Kammoun" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/HabibKammoun.jpg?h=9b93ffa5&itok=pKvMYoly" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Habib M. Kammoun "> <span><a href="/contact/habib-m-kammoun" hreflang="en">Habib M. Kammoun</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>University of Sfax</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 8 (Africa, Europe, Middle East)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=548">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> <li class="col-span-1 odd"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/leslie-p-martinich" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="United States of America"> <span>USA</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/leslie-p-martinich" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Leslie P. Martinich" title="Leslie P. Martinich" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/LMartinichHS.jpg?h=c1bde939&itok=QypTBbNx" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Leslie P. Martinich "> <span><a href="/contact/leslie-p-martinich" hreflang="en">Leslie P. Martinich</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>Competitive Focus</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 5 (Southwestern U.S.)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=28">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> <li class="col-span-1 even"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/aruquia-peixoto" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="Brazil"> <span>BRA</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/aruquia-peixoto" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Aruquia Peixoto" title="Aruquia Peixoto" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/RioQuente_Detalhe_Rosto.jpg?h=cb86e67f&itok=gYiUUHz1" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="Aruquia Peixoto "> <span><a href="/contact/aruquia-peixoto" hreflang="en">Aruquia Peixoto</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>CEFET/RJ</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 8 (Africa, Europe, Middle East)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=383">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> <li class="col-span-1 last odd"> <div><div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/m-sai-prashanth" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--contact overflow-hidden"> <div class="absolute z-10 top-0 right-0"> <div class="label field--label visually-hidden">Country</div> <div class="field field--node--field-country-code field--name-field-country-code field--type-country field--label-visually_hidden card--visually_hidden bg-white bg-opacity-95 shadow-md px-2 py-3 flex items-center font-bold text-xs rounded-bl-2xl leading-tight" title="United States of America"> <span>USA</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/m-sai-prashanth" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="M Sai Prashanth" title="M Sai Prashanth" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Sai_0.jpg?h=c4787761&itok=K1fkGmWa" typeof="foaf:Image" data-observe-resizes /> </a> </div> <div class="card--main xl__card-h--main flex flex-col justify-between"> <div class="card--body xl__card-h--body px-6 py-3"> <div class="inline-flex flex-wrap items-end space-x-1 align-baseline"> <div> <div class="label field--label visually-hidden"></div> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-visually_hidden card--visually_hidden text-base leading-tight line-clamp-3" title="M Sai Prashanth "> <span><a href="/contact/m-sai-prashanth" hreflang="en">M Sai Prashanth</a></span> </h3> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Affiliation</div> <div class="field field--node--field-affiliation field--name-field-affiliation field--type-string field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-500 font-semibold break-words inline-flex leading-tight" title="Affiliation"> <span>YAYIN AI Solutions PVT LTD</span> </div> </div> <div class="mt-1"> <div class="leading-tight"> <div class="label field--label visually-hidden">IEEE Region</div> <div class="field field--node--field-ieee-region-ref field--name-field-ieee-region-ref field--type-entity-reference field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight" title="IEEE Region"> <span><i class="mr-3 fa-regular fa-fw fa-location-circle"></i></span> <span>Region 5 (Southwestern U.S.)</span> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Email</div> <div class="field field--node--field-email field--name-field-email field--type-email field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Email"> <span><i class="mr-3 fa-regular fa-fw fa-envelope"></i></span> <a href="/form/email-contact?contact_nid=444">Email</a> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Website</div> <div class="field field--node--field-website field--name-field-website field--type-link field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Website"> <span><i class="mr-3 fa-regular fa-fw fa-globe"></i></span> <span><a href="https://www.linkedin.com/in/sai-prashanth-mallellu/" rel="nofollow noopener noreferrer" target="_blank">Website</a></span> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> </ul> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="_none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </main> </div> <button id="backtotop" x-cloak x-data="{scroll : false}" @scroll.window="document.body.scrollTop > 20 || document.documentElement.scrollTop > 20 ? scroll = true : scroll = false" @click="window.scrollTo({top: 0, behavior: 'smooth'})" x-show="scroll" type="button"> <i class="fa-regular fa-lg fa-chevron-up text-white"></i> </button> <footer role="contentinfo"> <div class="bg-primary-500 bg-liquid-cheese md__space-y-3 py-3"> <div id="block-catalyze-tw-socialmedialinks" class="bg-primary-500 bg-liquid-cheese block-type-basic block block-block-content block-block-content847620a3-0010-437a-91e0-cde531145fe5"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <div class="flex flex-row items-center justify-center space-x-6"> <p class="text-xl md__text-2xl ml-8 my-4 text-white font-bold tracking-wide flex items-center"><span class="text-white font-sans"><a id="social"></a>Follow the Education Society</a></span></p> <ul class="no-bullets my-2 mr-8"> <li class="inline-block justify-center"> <a class="my-0 w-8 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://www.facebook.com/IEEE.EdSoc" title="Facebook" rel="noopener noreferrer"> <span class=""><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="0" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"> </path> </svg></span> </a> </li> <li class="inline-block justify-center"> <a class="my-0 w-8 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://x.com/IEEE_EduSoc" title="X" rel="noopener noreferrer"> <span class=""><svg class='svg--social--x' fill='#ffffff' viewBox='0 0 24 24' width="24" height="24" aria-hidden='true'> <g> <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' /> </g> </svg></span> </a> </li> <li class="inline-block justify-center"> <a class="my-0 w-8 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://www.linkedin.com/company/ieee-education-society-edsoc" title="LinkedIn" rel="noopener noreferrer"> <span class=""><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="0" fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"> <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"> </path> <rect x="2" y="9" width="4" height="12"></rect> <circle cx="4" cy="4" r="2"></circle> </svg></span> </a> </li> <li class="inline-block justify-center"> <a class="my-0 w-6 px-6 inline-flex justify-center items-center animate-zoom-up-sm shadow-none" target="_blank" href="https://www.youtube.com/channel/UCAz5kjQ9-WB5eTYBF4ck9Ow" title="YouTube" rel="noopener noreferrer"> <span class="text-white"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-youtube fa-w-18 fa-2x"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" class=""></path></svg> </span> </a> </li> </ul> </div> </div> </div> </div> <section class="bg-gray-900 md__space-y-3 py-3" id="footer-bottom"> <div id="block-ieee-footer" class="block block-menu-block block-menu-blockieee-footer"> <nav role="navigation" id="block-ieee-footer" class="block block-menu-block block-menu-blockieee-footer"> <div class="hidden mx-auto mb-0 md__block"> <ul data-block-id="ieee_footer" region="footer_bottom" class="flex flex-row container divide-x divide-gray-500" role="list"> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/index.html" rel="noreferrer">IEEE Home</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/sitemap.html" rel="noreferrer">Sitemap/More Sites</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/about/contact_center/index.html" rel="noreferrer">IEEE Contact & Support</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/accessibility_statement.html" rel="noreferrer">Accessibility</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/p9-26.html" rel="noreferrer">Nondiscrimination Policy</a> </li> <li class="text-gray-300 font-semibold first__pl-0 hover__text-white focus__text-white text-xs px-2 whitespace-no-wrap truncate" role="listitem"> <a href="http://www.ieee.org/security_privacy.html" rel="noreferrer">IEEE Privacy Policy</a> </li> </ul> </div> </nav> </div> <div id="footer--copyright--ieee"> <div class="container space-y-0 text-xs text-center text-gray-300 md__text-left"> <p>© Copyright 2024 IEEE – All rights reserved. Use of this website signifies your agreement to the <a class="font-semibold hover__text-white focus__text-white" target="_blank" href="https://www.ieee.org/about/help/site-terms-conditions.html">IEEE Terms & Disclosures</a>.</p> <p>A public charity, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity.</p> </div> </div> </div> <div class="bg-gray-900"> <div id="footer--copyright--confcats" class="py-3"> <p class="container text-xs text-center text-gray-300 md__text-left">This site is created, maintained, and managed by <a class="font-semibold hover__text-white focus__text-white" href="https://conferencecatalysts.com" target="_blank">Conference Catalysts, LLC</a>. <br> Please feel free to <a class="font-semibold hover__text-white focus__text-white" href="https://conferencecatalysts.com/contact" target="_blank">contact us</a> for any assistance. </p> </div> </section> </footer> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/files/ieeeedusociety/js/js_6dP_G_KVeSupsfOs747wR8IwnezxkhJvZUhKCZOCcSA.js?scope=footer&delta=0&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg"></script> <script src="/themes/custom/catalyze_tw/dist/catalyze-js.js?snmw3t"></script> <script src="/themes/custom/catalyze_tw/dist/resize-observer.js?snmw3t"></script> <script src="/themes/custom/catalyze_tw/dist/fonts.js?snmw3t"></script> <script src="/themes/custom/catalyze_tw/dist/alpine-persist.js?snmw3t"></script> <script src="/themes/custom/catalyze_tw/dist/alpine.js?snmw3t"></script> <script src="/files/ieeeedusociety/js/js_8XIDUViwAAg3om0AU2lnqxu-_CW0AVITyo5N1gpIk7U.js?scope=footer&delta=6&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg"></script> <script src="/themes/custom/catalyze_tw/lib/jquery.select2/js/select2.min.js?snmw3t"></script> <script src="/themes/custom/catalyze_tw/src/js/select2-settings.js?snmw3t"></script> <script src="/files/ieeeedusociety/js/js_mn671T3ejK9xmh7HeldDnqvPgx5FCKEOfsprEavwhGQ.js?scope=footer&delta=9&language=en&theme=catalyze_tw&include=eJyNklFuAyEMRC9EF6kXQgYcQtZghE2TzenLRpGqrZS0PxZmnoYBAxe4OWKI2C38rBc9d_YeuwERVJfrBYNyt0FkaljQENw3uxcjmygW60HQBFCg7Y5OrzYRe6AP0Y1yTQcJqOWKFzF40ymuNvbRgJZnaxJzoklCsmmW3_2yRzXsT0OmKzoskMlGPMEgNZ5ZRTs0tx-NYhuNlOviIayp86jRBSbuix-Z4ku8QYwz9x9Ugf7wfgt57vujvod0Xv5fwR4gUE61YNUn_JXxKvZRl8Jx0HEWgjQH-GkEoYezg5YdDOXApREq2hf7B4-wYszzE3wDCz_fBg"></script> <script src="/themes/custom/catalyze_tw/src/js/ckeditor.js?snmw3t"></script> </body> </html>

CINXE.COM

Diversity and Inclusion Ad Hoc Committee | IEEE Education Society