About IEEE Education Society Publications

<!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/publication/about-publications" /> <link rel="shortlink" href="https://ieee-edusociety.org/node/1452" /> <title>About IEEE Education Society Publications | IEEE Education Society</title> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_0bAQqwyMaZNbU6XnMG5sAZXi-KPVxOA2aDpTDaHKFZo.css?delta=0&language=en&theme=catalyze_tw&include=eJyNkO1uQyEIhm_IHZPdkEEl1hbFAK49u_rZkybNfrTbHz6fwAtwhlsghozi4RlvdhKOEcWBKlqo_YzJWHxSXT1s6HRXw-YjKLoEBrR_Y7CrL8QR6ENtp9qLw5stf_FZ5gDaHqmLzKYmMMIdRPWDZql9i5AuRXj2HBITyxZnpfwSH5Dz2vIH1UCO2W-hyHI__D1kS_-_hB0gUC29YbcH_FXxqv6wW-M86ffnFGk9-dMpgqRTgFEDTOPEbRAa-hf1H6-Nsxs" /> <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=eJyNkO1uQyEIhm_IHZPdkEEl1hbFAK49u_rZkybNfrTbHz6fwAtwhlsghozi4RlvdhKOEcWBKlqo_YzJWHxSXT1s6HRXw-YjKLoEBrR_Y7CrL8QR6ENtp9qLw5stf_FZ5gDaHqmLzKYmMMIdRPWDZql9i5AuRXj2HBITyxZnpfwSH5Dz2vIH1UCO2W-hyHI__D1kS_-_hB0gUC29YbcH_FXxqv6wW-M86ffnFGk9-dMpgqRTgFEDTOPEbRAa-hf1H6-Nsxs" /> <link rel="stylesheet" media="all" href="/files/ieeeedusociety/css/css_pGrVD5xTkpFzaqTXBe4-de3bNSqO3X37bwQ7e0UIbvI.css?delta=4&language=en&theme=catalyze_tw&include=eJyNkO1uQyEIhm_IHZPdkEEl1hbFAK49u_rZkybNfrTbHz6fwAtwhlsghozi4RlvdhKOEcWBKlqo_YzJWHxSXT1s6HRXw-YjKLoEBrR_Y7CrL8QR6ENtp9qLw5stf_FZ5gDaHqmLzKYmMMIdRPWDZql9i5AuRXj2HBITyxZnpfwSH5Dz2vIH1UCO2W-hyHI__D1kS_-_hB0gUC29YbcH_FXxqv6wW-M86ffnFGk9-dMpgqRTgFEDTOPEbRAa-hf1H6-Nsxs" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1452","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkVFuAyEMRC9EF6kXQgYcwq7BCJsmm9OXjSq1qZS0PyM882SDgRWujhgidgvf50XPnb3HbkAE1eW6YlDuNojMDAsaz6yiHZoT3QnFNhop18VD2FLnUaMLTNwXPzLF5zj3Y95rqEC_sy-hBjHmmv6gFK_qgHKqBav-B_75igAKtN_Q6cUCtVxxlQczbBjzXNSDmYg90NvRe17wIRKkudh3MwfNbLOxjwa0fJUmMSeaICSbpvyul-PLDMFtt4cY9qchsz06LJDJRjzBIDWC0MPZQcsOhnLg0ggV7RPfyC6KxXoQNB8ZL2LvuhSOg_AT2mPfBg","theme":"catalyze_tw","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"gtag":{"tagId":"G-3WCN7EBHZT","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxLoader":{"markup":"\u003Cdiv class=\u0022ajax-throbber sk-flow\u0022\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022sk-flow-dot\u0022\u003E\u003C\/div\u003E\n \u003C\/div\u003E","hideAjaxMessage":false,"alwaysFullscreen":true,"throbberPosition":"body"},"lazy":{"lazysizes":{"lazyClass":"lazyload","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"lazyerror","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.80000000000000004,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":[]},"placeholderSrc":"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==","preferNative":false,"minified":true,"libraryPath":"\/libraries\/lazysizes"},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":true,"extNofollow":true,"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-layout-page antialiased text-gray-900 h-full" :class="mobileFacetFilters ? 'max-lg__fixed' : ''" x-data="{ mobileFacetFilters: false }"> <a href="#main-content" class="visually-hidden focusable"> <div class="flex justify-center bg-gray-900"> <div class="inline max-w-xs px-3 pb-1 mx-auto mb-1 text-sm font-semibold bg-white rounded-b-lg"> Skip to main content </div> </div> </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div x-data="{ scrollAtTop: false, openSlideOver: false, searchBarOpen: false, shiftPressed: false }" x-title="ScrollAtTop, Slide-over menu, Search bar, Shift press"> <header id="header" role="banner" class="fixed z-50 w-full transition-all duration-150 ease-out transform" x-ref="navbar" x-title="Navbar" :class="{ ' translate-y-0' : !scrollAtTop, '' : scrollAtTop, 'md__-translate-y-10' : scrollAtTop, 'shadow-md' : scrollAtTop }" @scroll.window="scrollAtTop = pageYOffset > 50 ? true : false" > <section id="header-top" class="hidden bg-gray-900 lg__block"> <div class="flex flex-row justify-between container mx-auto"> <div id="block-ieee-meta" class="block block-menu-block block-menu-blockieee-meta"> <nav role="navigation" id="block-ieee-meta" class="block block-menu-block block-menu-blockieee-meta"> <div class="h-10"> <ul data-block-id="ieee_meta" region="header_top" class="flex flex-row space-x-6 h-full" role="list"> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/index.html" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE.org</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://ieeexplore.ieee.org/Xplore/home.jsp" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Xplore Digital Library</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://standards.ieee.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Standards</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://spectrum.ieee.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Spectrum</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/sitemap.html" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">More Sites</a> </li> </ul> </div> </nav> </div> <div class="flex justify-end w-full"> <a target="_self" href="https://www.ieee.org/"><img alt="IEEE" height="33px" class="pt-1.5 pr-1.5 m-0" src="/themes/custom/catalyze_tw/ieee-logo.png"></img> </div> </div> </section> <div id="navbar" class="relative origin-top shadow h-20"> <div id="navbar_top" class="bg-white"> <div class="container h-full"> <div class="flex justify-between h-20 max-w-6xl mx-auto space-x-6 2xl__max-w-full"> <div id="block-catalyze-tw-site-branding" class="block block-system block-system-branding-block block--brand max-w-md h-full bg-white"> <div class="h-full"> <a href="/" title="Home" rel="home" class="flex items-center h-full py-2 brand--logo"> <img class="w-auto h-full max-h-full" src="/files/ieeeedusociety/ieee-edsoc-color-logo-forweb.png" alt="Home"/> </a> </div> </div> <nav role="navigation" id="block-mainmegamenu" class="block--mega-menu--main static h-full hidden lg__flex justify-end w-full bg-wavy-banner-edge-left"> <ul class="menu menu-- menu-level-0 nav navbar-nav flex h-full" role="list"> <li class="menu-item-About mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - About" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">About</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">About Us</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1303">Education Society Overview</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview#diversity" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1303">IEEE Diversity Statement</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Executive Leadership</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives#excom" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1308">Current Society Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/board-governors" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Current Board of Governors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/media-bookdirectory/board-governors-meeting-minutes" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """>Society Board of Governors Meeting Minutes</a> </li> </ul> </li> </ul> </nav> </div> <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Committees and Representatives</span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/society-overview/committees-representatives#standing" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1308">Society Standing Committees</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/education-society-representatives-ieee-technical-activities-board-tab" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/846">Society Representatives to IEEE TAB Committees</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded 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 active nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">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 active"> <a href="/publication/about-publications" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline is-active" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/1452" aria-current="page">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 active 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 active 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 active"> <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 is-active" data-drupal-link-system-path="node/1452" aria-current="page">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 layout_page--main "> <a id="main-content" tabindex="-1"></a> <div class="relative sm__-mb-10 z-10"> <div id="block-catalyze-tw-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <section id="breadcrumbs" class="relative 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="Publication">Publication</span> </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="About IEEE Education Society Publications">About IEEE Education Society Publications</span> </li> </ol> </nav> </section> </div> </div> <div class="relative mx-auto"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="node-published relative flex flex-col justify-center lg__flex-row xl__space-x-6"> <div class="flex-auto content--main layout-content"> <div id="block-catalyze-tw-content"> <article about="/publication/about-publications" class="relative"> <div> <div class="layout--header bg-primary-500 bg-rect-light bg-primary-500 bg-color _none pt-0 sm__pt-0 lg__pt-0 pb-0 sm__pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container-fluid relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 header--content-left-col bg-liquid-cheese bg-content-overlay bg-primary-600 py-6 lg__py-12 space-y-6 blb-region-col" > <div class="text-white _none block block-layout-builder block-field-blocknodelayout-pagefield-display-title block--blb"> <div class="content"> <div> <div class="label field--label visually-hidden" title="Title"></div> <h1 class="title custom--title leading-tight" title="About IEEE Education Society Publications"> <span class="align-middle" rel="bookmark">About IEEE Education Society Publications</span> </h1> </div> </div> </div> <div class="text-white _none block block-layout-builder block-field-blocknodelayout-pagefield-resource-link block--blb"> <div class="content"> <div class="break-words word-wrap py-1"> <div> <div class="label field--label visually-hidden mt-4" title="Quick Links">Quick Links</div> <ul class="space-y-1 no-bullets mb-6"> <li class="field field--node--field-resource-link field--name-field-resource-link field--type-link field--label-visually_hidden custom--visually_hidden font-bold hover__text-gray-500 focus__text-gray-500 flex flex-row group leading-tight duration-150 hover__ease-in transition transform" title="IEEE Education Society Publications Committee"> <div class="duration-150 transform group-hover__translate-x-1"><i class="mr-2 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i></div> <div><a href="/publication/about-publications/publications-committee">IEEE Education Society Publications Committee</a></div> </li> <li class="field field--node--field-resource-link field--name-field-resource-link field--type-link field--label-visually_hidden custom--visually_hidden font-bold hover__text-gray-500 focus__text-gray-500 flex flex-row group leading-tight duration-150 hover__ease-in transition transform" title="IEEE Transactions on Education (ToE)"> <div class="duration-150 transform group-hover__translate-x-1"><i class="mr-2 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i></div> <div><a href="/publication/about-publications/toe">IEEE Transactions on Education (ToE)</a></div> </li> <li class="field field--node--field-resource-link field--name-field-resource-link field--type-link field--label-visually_hidden custom--visually_hidden font-bold hover__text-gray-500 focus__text-gray-500 flex flex-row group leading-tight duration-150 hover__ease-in transition transform" title="IEEE Transactions on Learning Technologies (TLT)"> <div class="duration-150 transform group-hover__translate-x-1"><i class="mr-2 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i></div> <div><a href="/publication/about-publications/tlt">IEEE Transactions on Learning Technologies (TLT)</a></div> </li> <li class="field field--node--field-resource-link field--name-field-resource-link field--type-link field--label-visually_hidden custom--visually_hidden font-bold hover__text-gray-500 focus__text-gray-500 flex flex-row group leading-tight duration-150 hover__ease-in transition transform" title="IEEE Access: IEEE Education Society Section"> <div class="duration-150 transform group-hover__translate-x-1"><i class="mr-2 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i></div> <div><a href="/publication/about-publications/access-edusociety-section">IEEE Access: IEEE Education Society Section</a></div> </li> <li class="field field--node--field-resource-link field--name-field-resource-link field--type-link field--label-visually_hidden custom--visually_hidden font-bold hover__text-gray-500 focus__text-gray-500 flex flex-row group leading-tight duration-150 hover__ease-in transition transform" title="IEEE Revista Iberoamericana de Tecnologías del Aprendizaje (RITA)"> <div class="duration-150 transform group-hover__translate-x-1"><i class="mr-2 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i></div> <div><a href="/publication/about-publications/rita">IEEE Revista Iberoamericana de Tecnologías del Aprendizaje (RITA)</a></div> </li> <li class="field field--node--field-resource-link field--name-field-resource-link field--type-link field--label-visually_hidden custom--visually_hidden font-bold hover__text-gray-500 focus__text-gray-500 flex flex-row group leading-tight duration-150 hover__ease-in transition transform" title="IEEE Education Society Newsletters"> <div class="duration-150 transform group-hover__translate-x-1"><i class="mr-2 fa-regular fa-fw text-primary-500 fa-arrow-alt-circle-right"></i></div> <div><a href="/publication/about-publications/education-society-newsletter">IEEE Education Society Newsletters</a></div> </li> </ul> </div> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="_none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-9 lg__col-9 xl__col-9 2xl__col-9 order-2 lg__order-1 blb-region-col" > <div class="_none block-type-basic block block-layout-builder block-inline-blockbasic block--blb"> <div class="content"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <p>One of the principal activities of the IEEE Education Society is the operation of its publications. Current publications include the IEEE Access: IEEE Education Society Section (est. 2020), IEEE Transactions on Education (IEEE ToE, est. 1963, formerly IRE Transactions on Education, est. 1958), the IEEE Transactions on Learning Technologies (IEEE TLT, est. 2008), and the IEEE Revista Iberoamericana de Tecnologías del Aprendizaje (IEEE RITA, est. 2006).</p> <p>More information on these publications, including their editorial boards, guidelines for authors, and past issue contents, is available through the links below.</p> <div class="text-center flex inline-flex flex-wrap gap-2"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-3 lg__col-3 xl__col-3 2xl__col-3 order-1 lg__order-2 mx-auto blb-region-col" > <div class="_none block block-entity-browser-block block-entity-browser-blockcontent"> <article about="/position/vp-publications" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="teaser-v xl__teaser-h teaser teaser--position teaser-h-64"> <div class="teaser--main xl__teaser-h--main flex flex-col justify-between"> <div class="teaser--body xl__teaser-h--body"> <h3 class="field field--node--field-display-title field--name-field-display-title field--type-string field--label-hidden card--hidden text-base leading-tight line-clamp-3 hover__line-clamp-none focus-within__line-clamp-none" title="VP for Publications"> <a href="/position/vp-publications" hreflang="en">VP for Publications</a> </h3> <div class="view view-eva view-multifield-incumbent view-id-multifield_incumbent view-display-id-entity_view_card_current_grid js-view-dom-id-13dc4dea51ab4f9f7e72a245ed6bb5b740eb4b0e3b5a17018562644b72220a30"> <ul class="incumbents--grid grid grid-responsive-container gap-6" data-observe-resizes=""> <li class="col-span-1 space-y-2 first last odd"> <div><div> <div class="leading-tight"> <div class="field field--multifield--field-date-range field--name-field-date-range field--type-daterange field--label-above custom--above tracking-wide font-semibold mt-1 break-words inline-flex leading-tight text-gray-600" title="Date Range"> <span><time datetime="2023-01-27T12:00:00Z">2023</time> - <time datetime="2023-12-31T12:00:00Z">2023</time> </span> </div> </div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/john-e-mitchell" 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/john-e-mitchell" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="John E. Mitchell" title="John E. Mitchell" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_1_1_500w/public/images/contacts/unnamed%20%282%29.jpg?h=111d680e&itok=hN_tJLkZ" 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="John E. Mitchell "> <span><a href="/contact/john-e-mitchell" hreflang="en">John E. Mitchell</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 College London</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=2">Email</a> </div> </div> </div> </div> </div> </div> </article> </div></div> </li> </ul> </div> </div> </div> </div> </article> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="_none relative pb-6 lg__pb-12" lb-section-padding-b="true"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 blb-region-col" > <div class="views-element-container _none block block-views block-views-blockcontent-publications-block-card-grid block--blb"> <div class="flex items-center"> <div class="flex-grow h-px mr-6 border-separator-light"></div> <span class="relative inline-flex text-lg font-extrabold"><h2 class="block__title">Education Society Publications</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="mt-6"> <div><div class="js-view-dom-id-d4283156eb361717b4ec5bdc19ac9a90235182b78c5d51b438744cdc5b996cf5"> <ul class="grid grid-cols-1 md__grid-cols-2 lg__grid-cols-4 gap-6 grid-responsive-container" data-observe-resizes=""> <li class="flex first odd"> <article about="/publication/about-publications/toe" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--publication overflow-hidden card-h-64"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a class="flex flex-grow" href="/publication/about-publications/toe"> <picture class="flex justify-center"> <source media="(min-width: 1536px)" type="image/webp" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/trans_edu_pub_0.png.webp?itok=KsZxVsaP 1x"/> <source media="(min-width: 1280px)" type="image/webp" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/trans_edu_pub_0.png.webp?itok=_SjytE77 1x"/> <source media="(min-width: 1024px)" type="image/webp" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/trans_edu_pub_0.png.webp?itok=FP8Gr4VF 1x"/> <source media="(min-width: 768px)" type="image/webp" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/trans_edu_pub_0.png.webp?itok=QwDeJuS9 1x"/> <source media="(min-width: 640px)" type="image/webp" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/trans_edu_pub_0.png.webp?itok=1f4zyXGJ 1x"/> <source media="(min-width: 1536px)" type="image/png" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/trans_edu_pub_0.png?itok=KsZxVsaP 1x"/> <source media="(min-width: 1280px)" type="image/png" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/trans_edu_pub_0.png?itok=_SjytE77 1x"/> <source media="(min-width: 1024px)" type="image/png" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/trans_edu_pub_0.png?itok=FP8Gr4VF 1x"/> <source media="(min-width: 768px)" type="image/png" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/trans_edu_pub_0.png?itok=QwDeJuS9 1x"/> <source media="(min-width: 640px)" type="image/png" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/trans_edu_pub_0.png?itok=1f4zyXGJ 1x"/> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="666" alt="IEEE Transactions on Education cover" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/trans_edu_pub_0.png?itok=1f4zyXGJ" typeof="foaf:Image" data-observe-resizes /> </picture> </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> <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="IEEE Transactions on Education "> <span><a href="/publication/about-publications/toe" hreflang="en">IEEE Transactions on Education</a></span> </h3> </div> <div class="field field--node--field-description field--name-field-description field--type-text-with-summary field--label-hidden card--hidden text-sm tracking-wide break-words font-serif prose" title="Description"> <p>The IEEE Transactions on Education (ToE) publishes significant and original scholarly contributions to education in electrical and electronics engineering, computer engineering, computer science, and other fields within the scope of interest of IEEE. </p> </div> </div> </div> </div> </article> </li> <li class="flex even"> <article about="/publication/about-publications/tlt" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--publication overflow-hidden card-h-64"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a class="flex flex-grow" href="/publication/about-publications/tlt"> <picture class="flex justify-center"> <source media="(min-width: 1536px)" type="image/webp" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/tlt_cover.png.webp?itok=svz3qBh1 1x"/> <source media="(min-width: 1280px)" type="image/webp" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/tlt_cover.png.webp?itok=6wfmai-K 1x"/> <source media="(min-width: 1024px)" type="image/webp" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/tlt_cover.png.webp?itok=ukeIwL9C 1x"/> <source media="(min-width: 768px)" type="image/webp" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/tlt_cover.png.webp?itok=qVAXCQ4F 1x"/> <source media="(min-width: 640px)" type="image/webp" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/tlt_cover.png.webp?itok=tUt1GsWI 1x"/> <source media="(min-width: 1536px)" type="image/png" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/tlt_cover.png?itok=svz3qBh1 1x"/> <source media="(min-width: 1280px)" type="image/png" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/tlt_cover.png?itok=6wfmai-K 1x"/> <source media="(min-width: 1024px)" type="image/png" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/tlt_cover.png?itok=ukeIwL9C 1x"/> <source media="(min-width: 768px)" type="image/png" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/tlt_cover.png?itok=qVAXCQ4F 1x"/> <source media="(min-width: 640px)" type="image/png" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/tlt_cover.png?itok=tUt1GsWI 1x"/> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="666" alt="IEEE Transactions on Learning Technologies (TLT)" title="IEEE Transactions on Learning Technologies (TLT)" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/tlt_cover.png?itok=tUt1GsWI" typeof="foaf:Image" data-observe-resizes /> </picture> </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> <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="IEEE Transactions on Learning Technologies (TLT) "> <span><a href="/publication/about-publications/tlt" hreflang="en">IEEE Transactions on Learning Technologies (TLT)</a></span> </h3> </div> <div class="field field--node--field-description field--name-field-description field--type-text-with-summary field--label-hidden card--hidden text-sm tracking-wide break-words font-serif prose" title="Description"> <p>The IEEE Transactions on Learning Technologies covers all advances in learning technologies and their applications.</p> </div> </div> </div> </div> </article> </li> <li class="flex odd"> <article about="/publication/about-publications/access-edusociety-section" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--publication overflow-hidden card-h-64"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a class="flex flex-grow" href="/publication/about-publications/access-edusociety-section"> <picture class="flex justify-center"> <source media="(min-width: 1536px)" type="image/webp" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png.webp?itok=WAPi_qI9 1x"/> <source media="(min-width: 1280px)" type="image/webp" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png.webp?itok=8tWeLUtm 1x"/> <source media="(min-width: 1024px)" type="image/webp" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png.webp?itok=aQYYNKx_ 1x"/> <source media="(min-width: 768px)" type="image/webp" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png.webp?itok=teuUfWcS 1x"/> <source media="(min-width: 640px)" type="image/webp" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png.webp?itok=5XxApoWd 1x"/> <source media="(min-width: 1536px)" type="image/png" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png?itok=WAPi_qI9 1x"/> <source media="(min-width: 1280px)" type="image/png" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png?itok=8tWeLUtm 1x"/> <source media="(min-width: 1024px)" type="image/png" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png?itok=aQYYNKx_ 1x"/> <source media="(min-width: 768px)" type="image/png" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png?itok=teuUfWcS 1x"/> <source media="(min-width: 640px)" type="image/png" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png?itok=5XxApoWd 1x"/> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="666" alt="IEEE Access: IEEE Education Society Section" title="IEEE Access: IEEE Education Society Section" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/ieeeedusoc-ieee-access-section-cover.png?itok=5XxApoWd" typeof="foaf:Image" data-observe-resizes /> </picture> </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> <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="IEEE Access: IEEE Education Society Section "> <span><a href="/publication/about-publications/access-edusociety-section" hreflang="en">IEEE Access: IEEE Education Society Section</a></span> </h3> </div> <div class="field field--node--field-description field--name-field-description field--type-text-with-summary field--label-hidden card--hidden text-sm tracking-wide break-words font-serif prose" title="Description"> <p>The theory and practice of education and educational technology involved in the effective delivery of domain knowledge of all fields within the scope of interest of IEEE.</p> </div> </div> </div> </div> </article> </li> <li class="flex last even"> <article about="/publication/about-publications/rita" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--publication overflow-hidden card-h-64"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a class="flex flex-grow" href="/publication/about-publications/rita"> <picture class="flex justify-center"> <source media="(min-width: 1536px)" type="image/webp" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/rita-cover.png.webp?itok=SjPIDVIe 1x"/> <source media="(min-width: 1280px)" type="image/webp" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/rita-cover.png.webp?itok=xtlyXfAS 1x"/> <source media="(min-width: 1024px)" type="image/webp" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/rita-cover.png.webp?itok=YVFAfP8Y 1x"/> <source media="(min-width: 768px)" type="image/webp" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/rita-cover.png.webp?itok=djiV03vx 1x"/> <source media="(min-width: 640px)" type="image/webp" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/rita-cover.png.webp?itok=n1tmCPRf 1x"/> <source media="(min-width: 1536px)" type="image/png" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/rita-cover.png?itok=SjPIDVIe 1x"/> <source media="(min-width: 1280px)" type="image/png" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/rita-cover.png?itok=xtlyXfAS 1x"/> <source media="(min-width: 1024px)" type="image/png" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/rita-cover.png?itok=YVFAfP8Y 1x"/> <source media="(min-width: 768px)" type="image/png" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/rita-cover.png?itok=djiV03vx 1x"/> <source media="(min-width: 640px)" type="image/png" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/rita-cover.png?itok=n1tmCPRf 1x"/> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="666" alt="IEEE-RITA" title="IEEE-RITA" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/rita-cover.png?itok=n1tmCPRf" typeof="foaf:Image" data-observe-resizes /> </picture> </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> <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="IEEE Revista Iberoamericana de Tecnologías del Aprendizaje "> <span><a href="/publication/about-publications/rita" hreflang="en">IEEE Revista Iberoamericana de Tecnologías del Aprendizaje</a></span> </h3> </div> <div class="field field--node--field-description field--name-field-description field--type-text-with-summary field--label-hidden card--hidden text-sm tracking-wide break-words font-serif prose" title="Description"> <p>IEEE-RITA covers technological applications and research in education including design and research in new learning tools that focus on teaching and learning. </p> </div> </div> </div> </div> </article> </li> </ul> </div> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="_none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 blb-region-col" > <div class="text-center _none block block-entity-browser-block block-entity-browser-blockcontent"> <h2 class="block__title">Education Society Newsletter</h2> <article about="/publication/about-publications/education-society-newsletter" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="flex card-v xl__card-h card card--publication overflow-hidden card-h-64"> <div class="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a class="flex flex-grow" href="/publication/about-publications/education-society-newsletter"> <picture class="flex justify-center"> <source media="(min-width: 1536px)" type="image/webp" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/edusoc_nl_cover.png.webp?itok=b0_mZmbG 1x"/> <source media="(min-width: 1280px)" type="image/webp" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/edusoc_nl_cover.png.webp?itok=iAzfY5Gz 1x"/> <source media="(min-width: 1024px)" type="image/webp" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/edusoc_nl_cover.png.webp?itok=rPsjqw-y 1x"/> <source media="(min-width: 768px)" type="image/webp" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/edusoc_nl_cover.png.webp?itok=_XF_BVE6 1x"/> <source media="(min-width: 640px)" type="image/webp" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/edusoc_nl_cover.png.webp?itok=18rYqblA 1x"/> <source media="(min-width: 1536px)" type="image/png" width="1540" height="2053" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1540w/public/images/publications/edusoc_nl_cover.png?itok=b0_mZmbG 1x"/> <source media="(min-width: 1280px)" type="image/png" width="1280" height="1706" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1280w/public/images/publications/edusoc_nl_cover.png?itok=iAzfY5Gz 1x"/> <source media="(min-width: 1024px)" type="image/png" width="1020" height="1360" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_1020w/public/images/publications/edusoc_nl_cover.png?itok=rPsjqw-y 1x"/> <source media="(min-width: 768px)" type="image/png" width="760" height="1013" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_760w/public/images/publications/edusoc_nl_cover.png?itok=_XF_BVE6 1x"/> <source media="(min-width: 640px)" type="image/png" width="500" height="666" data-srcset="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/edusoc_nl_cover.png?itok=18rYqblA 1x"/> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="666" alt="IEEE Education Society Newsletter cover" title="IEEE Education Society Newsletter" class="lazyload" data-src="/files/ieeeedusociety/styles/responsive_3_4_500w/public/images/publications/edusoc_nl_cover.png?itok=18rYqblA" typeof="foaf:Image" data-observe-resizes /> </picture> </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> <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="Education Society Newsletter "> <span><a href="/publication/about-publications/education-society-newsletter" hreflang="en">Education Society Newsletter</a></span> </h3> </div> <div class="field field--node--field-description field--name-field-description field--type-text-with-summary field--label-hidden card--hidden text-sm tracking-wide break-words font-serif prose" title="Description"> <p>Three Issues of the IEEE Education Society Newsletter are published each year.</p> </div> </div> </div> </div> </article> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </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

About IEEE Education Society Publications | IEEE Education Society