TC-ILE Membership | IEEE Education Society

<!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/technical-committee/tc-ile/committee-membership" /> <link rel="shortlink" href="https://ieee-edusociety.org/node/850" /> <title>TC-ILE Membership | IEEE Education Society</title> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_JFRSIZrfuURY0aGT4qJx_rx69o6l8k0T1lLqYtHcofI.css?delta=0&language=en&theme=catalyze_tw&include=eJyNkFuOQjEIhjdUT5PZUENbUqu0NECjZ1Y_VSeZ-KDjE7cP-AFOcA3EkFE8_PmbHYVjRHGgihZqP2EyFp9UVw0bOt3VsPkIii6BAe3fGOziC3EEOqjtVHtxeLVlzz7LHEDbb_jUoUhr-JdTBEnHAKMGmMaJ2yA09C_yLjKbmsAIt2WoftAstW8R0rkIz55DYmLZ4qyUX-K2NH0EDsh5nfQP1UDuIt5CkeX25Q-EAdXSG3Z7wD-twKuw" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/dist/catalyze.css?sshfsc" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/lib/jquery.select2/css/select2.min.css?sshfsc" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_DS7RnkeirHaGdbuLw8ItfPI5XHF3KuovhhsDW-zL02o.css?delta=3&language=en&theme=catalyze_tw&include=eJyNkFuOQjEIhjdUT5PZUENbUqu0NECjZ1Y_VSeZ-KDjE7cP-AFOcA3EkFE8_PmbHYVjRHGgihZqP2EyFp9UVw0bOt3VsPkIii6BAe3fGOziC3EEOqjtVHtxeLVlzz7LHEDbb_jUoUhr-JdTBEnHAKMGmMaJ2yA09C_yLjKbmsAIt2WoftAstW8R0rkIz55DYmLZ4qyUX-K2NH0EDsh5nfQP1UDuIt5CkeX25Q-EAdXSG3Z7wD-twKuw" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_pGrVD5xTkpFzaqTXBe4-de3bNSqO3X37bwQ7e0UIbvI.css?delta=4&language=en&theme=catalyze_tw&include=eJyNkFuOQjEIhjdUT5PZUENbUqu0NECjZ1Y_VSeZ-KDjE7cP-AFOcA3EkFE8_PmbHYVjRHGgihZqP2EyFp9UVw0bOt3VsPkIii6BAe3fGOziC3EEOqjtVHtxeLVlzz7LHEDbb_jUoUhr-JdTBEnHAKMGmMaJ2yA09C_yLjKbmsAIt2WoftAstW8R0rkIz55DYmLZ4qyUX-K2NH0EDsh5nfQP1UDuIt5CkeX25Q-EAdXSG3Z7wD-twKuw" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/850","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkWFuwyAMhS_EgrQLIQMuJTEYYaM1Pf1INWnLpHb7Y9nvfbLBhhVujhgidgvf-aLXzt5jNyCC6nJdMSh3G0SmhwWNZ1bRDs2J7oRiG42U6-IhbKnzqNEFJu6LH5nic5z7Me81VKA_2JdQgxhzTX9Qijd1QDnVglX_A__8RQAF2u_o9MMCtVxxlZMYNox5LuokJmIP9Hb0ng88WYI0F_tu5qDpbTb20YCWr9Ik5kQThGTTDL_r5TiZIbjv9giG_WXIbI8OC2SyES8wSI0g9HB10LKDoRy4NEJF-0Q3sotisR4EPwGQiNeb","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,"extTitleNoOverride":false,"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","extPreventOrphan":false,"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":"6cf134890768c80eb101afef0fb17a91428de40ffe70f39ade764c3a2c31fa24"}}</script> <script src="/files/ieeeedusociety/js/js_ExOgsZ6cbJQmOfYRd9461ZNFuVPM3gjClSajv9cErvU.js?scope=header&delta=0&language=en&theme=catalyze_tw&include=eJx1TtEKgzAQ-6HOwn6opPWs1dOT9srUr1-FwXCwl3C5hCSYsDsW9JQtvnenYxbvKRvGedgLTICCj5Ocvmxk8eBH0YPTGm8SeEsrTcXQrk2cbZ_rBu4-1ESRyM2JaGODX95dK4z4oZaWSo4WJLY9Daist6JCTEGfphByGB225FBVgiwbk5L9879lhJn6pJLfGiJnXQ"></script> <script src="/modules/contrib/google_tag/js/gtag.js?sshfsc"></script> <meta name="theme-color" content="var(--primary)"> </head> <body class="user-anonymous target-scroll-mt-24 path-node page-node-type-committee 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 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"> <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" 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 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 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"> <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" 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> </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 committee--main "> <a id="main-content" tabindex="-1"></a> <div class="absolute flex w-full h-full bg-primary-500 bg-liquid-cheese max-h-40 min-h-40"></div> <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 block bg-black bg-opacity-75" 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 line-clamp-3"> <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-3" title="Technical Committee">Technical Committee</span> </li> <li class="inline-flex items-center group line-clamp-3"> <i class="text-secondary-500 text-opacity-20 fa-regular fa-chevron-right ml-3 w-6"></i> <a href="/technical-committee/tc-ile" class="inline-flex items-center hover__underline text-white" title="Technical Committee On Immersive Learning Environments"><span class="inline-flex items-center h-full py-1 ml-4 text-sm font-semibold leading-none text-white group-hover__text-gray-200 line-clamp-3">Technical Committee On Immersive Learning Environments</span></a> </li> <li class="inline-flex items-center line-clamp-3"> <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-3" title="TC-ILE Membership">TC-ILE Membership</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="container flex-auto p-6 mx-auto bg-white sm__rounded sm__shadow-md sm__my-17 lg__mt-20 sm__mb-6 lg__mb-12 content--main layout-content lg__py-12"> <div id="block-catalyze-tw-page-title"> <h1 class="title full--title leading-tight mx-auto max-w-6xl mb-12"><span class="align-middle"> <h1 class="committee-name full--committee-name leading-tight" title="TC-ILE Membership"> <span class="align-middle" rel="bookmark">TC-ILE Membership</span> </h1> </span></h1> </div> <div id="block-catalyze-tw-content"> <article about="/technical-committee/tc-ile/committee-membership"> <div class="space-y-6 lg__space-y-12 max-w-6xl mx-auto"> <div class="label field--label visually-hidden">Description</div> <div class="mx-auto break-words word-wrap prose font-serif relative"> <p class="text-align-justify">TC-ILE shall have a Chair, two Vice-Chairs, a Secretary, a supporting Steering Board, and a number of Members. The Chair shall be appointed by the President of the Society in January for a period of 2 years. The TC-ILE Chair shall appoint two Vice-Chairs, the secretary, and a number of Members. Nominations of leadership roles shall be fairly balanced between genders, world regions, and countries, as well as dominating influence of institutions’ affiliations must be avoided.</p> <p class="text-align-justify">The steering board includes the chair and vice-chairs, the secretary, plus 4 other members. The additional four members are initially nominated by the members, and are renewed by election among members; Attention must be given to a good balance between genders, regions, and countries, as well as dominating influence of the institution’s affiliations must be avoided. Votes can be approved by the bare majority, decisions are valid if at least half the steering board is present. In case of conflict of interest, single steering board members must not vote.</p> <p class="text-align-justify">The appointment of the TC Vice-Chairs and the TC Members needs to be approved by the Steering Board. TC Chairs, Vice-Chairs, and TC-ILE members must all be IEEE Education Society members. The term of service of the chairs and steering board expires at the end of the period of two years for which they have been appointed or elected. Members cease to be so either due to leaving the society or for requesting to leave the TC-ILE or by being expelled by a Steering Board decision.</p> <p class="text-align-justify">If you are interested in being considered for a position on the TC-ILE, please send an email to <a href="#" target="_blank" rel="noopener noreferrer" data-mail-to="GP-VYR/ng/YVFGFREI/qbg/VRRR/qbg/BET" data-replace-inner="(Click to show email)" data-mail-click-link="1">(Click to show email)</a> with a link to your CV.</p> </div> <div class="label field--label visually-hidden">Position(s)</div> <div class="incumbents--grid grid grid-responsive-container items-start gap-6" data-observe-resizes=""> <div class="col-span-1" id="position-802"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/tc-ile-chair" hreflang="en">TC-ILE Chair</a> </h3> </span> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/andreas-dengel" 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="Germany"> <span>DEU</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Andreas Dengel "> <span><a href="/contact/andreas-dengel" hreflang="en">Andreas Dengel </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 Frankfurt</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="col-span-1 incumbents--multiple py-8" id="position-803"> <div class="border-t-2 rounded-xl border-primary-200"> <div class="p-3"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 md__border-separator-light pt-3 mb-3"></div> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/tc-ile-vice-chairs" hreflang="en">TC-ILE Vice-Chairs</a> </h3> </span> <div class="flex-grow h-px ml-6 md__border-separator-light pt-3 mb-3"></div> </div> </div> </div> <div class="incumbents--grid grid grid-responsive-container items-start gap-6" data-observe-resizes=""> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/melanie-platz" 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="Germany"> <span>DEU</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/melanie-platz" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="platz" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/pasted%20image%200.jpg?h=31a74dd7&itok=j4E6Nzc_" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Melanie Platz "> <span><a href="/contact/melanie-platz" hreflang="en">Melanie Platz</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 Saarland</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/minjuan-wang" 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/minjuan-wang" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Minjuan Wang" title="Minjuan Wang" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/MinjuanW_Headshot_2024_2_0.jpg?h=f1b03340&itok=wx77r__G" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Minjuan Wang "> <span><a href="/contact/minjuan-wang" hreflang="en">Minjuan Wang</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 Education 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=391">Email</a> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <div class="col-span-1" id="position-810"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/secretary-1" hreflang="en">Secretary</a> </h3> </span> </div> </div> </div> <div class="p-3 text-sm text-gray-500"> <p>No Current Incumbents</p> </div> </div> <div class="col-span-1 incumbents--multiple py-8" id="position-811"> <div class="border-t-2 rounded-xl border-primary-200"> <div class="p-3"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 md__border-separator-light pt-3 mb-3"></div> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/elected-board-members-0" hreflang="en">Elected Board Members</a> </h3> </span> <div class="flex-grow h-px ml-6 md__border-separator-light pt-3 mb-3"></div> </div> </div> </div> <div class="incumbents--grid grid grid-responsive-container items-start gap-6" data-observe-resizes=""> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/heather-dodds" 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/heather-dodds" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="dodds" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/20220219_140259%282%29.jpg?itok=pZXHUsj0" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Heather Dodds "> <span><a href="/contact/heather-dodds" hreflang="en">Heather Dodds</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>Dodds Consulting</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/christian-eckhardt" 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"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Christian Eckhardt "> <span><a href="/contact/christian-eckhardt" hreflang="en">Christian Eckhardt</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>Cal Poly San Luis Obispo</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/daphne-economou" 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 Kingdom of Great Britain and Northern Ireland"> <span>GBR</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/daphne-economou" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="daphne" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Daphne.png?itok=-cUypspW" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Daphne Economou "> <span><a href="/contact/daphne-economou" hreflang="en">Daphne Economou</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>Westminster University</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/anasol-pena-rios" 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 Kingdom of Great Britain and Northern Ireland"> <span>GBR</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/anasol-pena-rios" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="anasol" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Untitled.jpg?itok=RWP8Damu" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Anasol Peña-Rios "> <span><a href="/contact/anasol-pena-rios" hreflang="en">Anasol Peña-Rios </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>British Telecom</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <div class="col-span-1" id="position-820"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/junior-executive-board-member" hreflang="en">Junior Executive Board Member</a> </h3> </span> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/katya-alvarez-molina" 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="Mexico"> <span>MEX</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Katya Alvarez-Molina "> <span><a href="/contact/katya-alvarez-molina" hreflang="en">Katya Alvarez-Molina</a></span> </h3> </div> </div> <div class="mt-1"> <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=489">Email</a> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="col-span-1 incumbents--multiple py-8" id="position-813"> <div class="border-t-2 rounded-xl border-primary-200"> <div class="p-3"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 md__border-separator-light pt-3 mb-3"></div> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/scientific-co-chairs-0" hreflang="en">Scientific Co-Chairs</a> </h3> </span> <div class="flex-grow h-px ml-6 md__border-separator-light pt-3 mb-3"></div> </div> </div> </div> <div class="incumbents--grid grid grid-responsive-container items-start gap-6" data-observe-resizes=""> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/dennis-beck" 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/dennis-beck" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="beck" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/dbeck.jpg?itok=4ZgeJFMH" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Dennis Beck "> <span><a href="/contact/dennis-beck" hreflang="en">Dennis Beck</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 Arkansas</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/daphne-economou" 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 Kingdom of Great Britain and Northern Ireland"> <span>GBR</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/daphne-economou" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="daphne" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Daphne.png?itok=-cUypspW" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Daphne Economou "> <span><a href="/contact/daphne-economou" hreflang="en">Daphne Economou</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>Westminster University</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/tassos-anastasios-mikropoulos" 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="Greece"> <span>GRC</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/tassos-anastasios-mikropoulos" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="tassos" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/pasted%20image%200.png?itok=JsFG-lw1" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Tassos Anastasios Mikropoulos "> <span><a href="/contact/tassos-anastasios-mikropoulos" hreflang="en">Tassos Anastasios Mikropoulos</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 Ioannina</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <div class="col-span-1" id="position-814"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/industrial-liaison-europe-co-chair" hreflang="en">Industrial Liaison Europe Co-Chair</a> </h3> </span> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/anasol-pena-rios" 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 Kingdom of Great Britain and Northern Ireland"> <span>GBR</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/anasol-pena-rios" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="anasol" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Untitled.jpg?itok=RWP8Damu" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Anasol Peña-Rios "> <span><a href="/contact/anasol-pena-rios" hreflang="en">Anasol Peña-Rios </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>British Telecom</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="col-span-1" id="position-815"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/industrial-liaison-america-co-chair" hreflang="en">Industrial Liaison America Co-Chair</a> </h3> </span> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/heather-dodds" 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/heather-dodds" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="dodds" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/20220219_140259%282%29.jpg?itok=pZXHUsj0" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Heather Dodds "> <span><a href="/contact/heather-dodds" hreflang="en">Heather Dodds</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>Dodds Consulting</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="col-span-1" id="position-816"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/industrial-liaison-middle-east-co-chair" hreflang="en">Industrial Liaison Middle East Co-Chair</a> </h3> </span> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/elhanan-gazit" 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="Israel"> <span>ISR</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Elhanan Gazit "> <span><a href="/contact/elhanan-gazit" hreflang="en">Elhanan Gazit</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>juloot</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="col-span-1" id="position-817"> <div class="border-t-2 rounded-xl border-primary-200 flex justify-center"> <div class="pt-2 px-1"> <div class="flex items-center"> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/publication-liason-co-chair" hreflang="en">Publication Liason Co-Chair</a> </h3> </span> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/arnold-pears" 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="Sweden"> <span>SWE</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/arnold-pears" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Arnold Pears" title="Arnold Pears" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Arnold-Pears-1.jpg?h=fe55bc62&itok=zPut7UIp" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Arnold Pears "> <span><a href="/contact/arnold-pears" hreflang="en">Arnold Pears</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>KTH Royal Institute of Technology</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=12">Email</a> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> <div class="col-span-1 incumbents--multiple py-8" id="position-818"> <div class="border-t-2 rounded-xl border-primary-200"> <div class="p-3"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 md__border-separator-light pt-3 mb-3"></div> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/standards-liason-co-chairs" hreflang="en">Standards Liason Co-Chairs</a> </h3> </span> <div class="flex-grow h-px ml-6 md__border-separator-light pt-3 mb-3"></div> </div> </div> </div> <div class="incumbents--grid grid grid-responsive-container items-start gap-6" data-observe-resizes=""> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/mark-j-w-lee" 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="Australia"> <span>AUS</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/mark-j-w-lee" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Mark J. W. Lee headshot" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/Mark%20JW%20Lee_headshot.jpg?h=aef575b1&itok=3RYD14A-" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Mark J. W. Lee "> <span><a href="/contact/mark-j-w-lee" hreflang="en">Mark J. W. Lee</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>Charles Sturt University; Immersive Learning Research Network</span> </div> </div> <div class="mt-1"> <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=4">Email</a> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/leonel-morgado" 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="Portugal"> <span>PRT</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/leonel-morgado" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="morgado" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/2021-11-15%20sem%20fundo.png?itok=CVLiYTZe" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Leonel Morgado "> <span><a href="/contact/leonel-morgado" hreflang="en">Leonel Morgado </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>Universidade Aberta & INESC TEC</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/hamadou-saliah-hassane" 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="Canada"> <span>CAN</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/hamadou-saliah-hassane" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Hamadou Saliah-Hassane" title="Hamadou Saliah-Hassane" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/HR-Photo_Saliah-Hassane-EdSoc_BoG_0.jpg?h=7b457deb&itok=nzn66UGV" 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 hover__line-clamp-none focus-within__line-clamp-none" title="Hamadou Saliah-Hassane "> <span><a href="/contact/hamadou-saliah-hassane" hreflang="en">Hamadou Saliah-Hassane</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>TÉLUQ University and Florida Atlantic University (FAU)</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 7 (Canada)</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=25">Email</a> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <div class="col-span-1 incumbents--multiple py-8" id="position-819"> <div class="border-t-2 rounded-xl border-primary-200"> <div class="p-3"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 md__border-separator-light pt-3 mb-3"></div> <span class="relative inline-flex font-extrabold"> <h3 class="text-center leading-tight text-lg" title=""> <a href="/position/publicity-co-chairs" hreflang="en">Publicity Co-Chairs</a> </h3> </span> <div class="flex-grow h-px ml-6 md__border-separator-light pt-3 mb-3"></div> </div> </div> </div> <div class="incumbents--grid grid grid-responsive-container items-start gap-6" data-observe-resizes=""> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/lea-m-mueller" 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="Germany"> <span>DEU</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Lea M Mueller "> <span><a href="/contact/lea-m-mueller" hreflang="en">Lea M Mueller</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 Saarland</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/filipe-penicheiro" 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="Portugal"> <span>PRT</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Filipe Penicheiro "> <span><a href="/contact/filipe-penicheiro" hreflang="en">Filipe Penicheiro</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>NESC TEC</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </div> </div> <div class="flex flex-col justify-center col-span-1 items-center mx-3"> <div class="eck-entity"> <div class="field field--multifield--field-contact-ref field--name-field-contact-ref field--type-entity-reference field--label-visually_hidden full--visually_hidden"> <div class="label field--label visually-hidden" title="Contact">Contact</div> <div title="Contact"> <article about="/contact/alexander-steinmaurer" 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="Austria"> <span>AUT</span> </div> </div> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <div class="my-6"></div> </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 hover__line-clamp-none focus-within__line-clamp-none" title="Alexander Steinmaurer "> <span><a href="/contact/alexander-steinmaurer" hreflang="en">Alexander Steinmaurer</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>Graz University of Technology</span> </div> </div> <div class="mt-1"> </div> </div> </div> </div> </article> </div> </div> </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 2025 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 src="/files/ieeeedusociety/js/js_bl5ntb-Q1UyimZ3hAbv6SB-A8Ua0Rjw4EFYL8FMAw-E.js?scope=footer&delta=0&language=en&theme=catalyze_tw&include=eJx1TtEKgzAQ-6HOwn6opPWs1dOT9srUr1-FwXCwl3C5hCSYsDsW9JQtvnenYxbvKRvGedgLTICCj5Ocvmxk8eBH0YPTGm8SeEsrTcXQrk2cbZ_rBu4-1ESRyM2JaGODX95dK4z4oZaWSo4WJLY9Daist6JCTEGfphByGB225FBVgiwbk5L9879lhJn6pJLfGiJnXQ"></script> <script src="/themes/custom/catalyze_tw/dist/catalyze-js.js?sshfsc"></script> <script src="/themes/custom/catalyze_tw/dist/resize-observer.js?sshfsc"></script> <script src="/themes/custom/catalyze_tw/dist/fonts.js?sshfsc"></script> <script src="/themes/custom/catalyze_tw/dist/alpine-persist.js?sshfsc"></script> <script src="/themes/custom/catalyze_tw/dist/alpine.js?sshfsc"></script> <script src="/files/ieeeedusociety/js/js_i3J4efkQTZijlaVIW0Hv64i21u5GG0tLwscv-x9z1gc.js?scope=footer&delta=6&language=en&theme=catalyze_tw&include=eJx1TtEKgzAQ-6HOwn6opPWs1dOT9srUr1-FwXCwl3C5hCSYsDsW9JQtvnenYxbvKRvGedgLTICCj5Ocvmxk8eBH0YPTGm8SeEsrTcXQrk2cbZ_rBu4-1ESRyM2JaGODX95dK4z4oZaWSo4WJLY9Daist6JCTEGfphByGB225FBVgiwbk5L9879lhJn6pJLfGiJnXQ"></script> <script src="/themes/custom/catalyze_tw/lib/jquery.select2/js/select2.min.js?sshfsc"></script> <script src="/themes/custom/catalyze_tw/src/js/select2-settings.js?sshfsc"></script> <script src="/files/ieeeedusociety/js/js_iAJCMFNb3URPnRwySR_7BGUywOjFFaF4Rip1zZR2Rdc.js?scope=footer&delta=9&language=en&theme=catalyze_tw&include=eJx1TtEKgzAQ-6HOwn6opPWs1dOT9srUr1-FwXCwl3C5hCSYsDsW9JQtvnenYxbvKRvGedgLTICCj5Ocvmxk8eBH0YPTGm8SeEsrTcXQrk2cbZ_rBu4-1ESRyM2JaGODX95dK4z4oZaWSo4WJLY9Daist6JCTEGfphByGB225FBVgiwbk5L9879lhJn6pJLfGiJnXQ"></script> <script src="/themes/custom/catalyze_tw/src/js/ckeditor.js?sshfsc"></script> </body> </html>

CINXE.COM

TC-ILE Membership | IEEE Education Society