Industry and Industry Professionals

<!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/1d7e589e-bc6f-4efa-b8ad-ad58093d40a7/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="/files/ieeesyscouncil/sysc24-favicon.png" type="image/png" /> <link rel="canonical" href="https://ieeesystemscouncil.org/member-services/industry-and-industry-professionals" /> <link rel="shortlink" href="https://ieeesystemscouncil.org/node/1266" /> <title>Industry and Industry Professionals | IEEE Systems Council</title> <link rel="stylesheet" media="all" href="/files/ieeesyscouncil/css/css_CLVOdc3kpnBkeO5aCnHPwWrvBjuEv6pLtnzqpg75cFg.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?srwpjp" /> <link rel="stylesheet" media="all" href="/themes/custom/catalyze_tw/lib/jquery.select2/css/select2.min.css?srwpjp" /> <link rel="stylesheet" media="all" href="/files/ieeesyscouncil/css/css_joNE3OEn5PJh_0u4MlaSFkWgQB-zas1FMDgAgECjsY0.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/ieeesyscouncil/asset_injector/css/theme-25b34ab66bb30925421fa6789e35a398.css?srwpjp" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1266","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-X74HXVMWN5","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":"0ff3072db8fe5d47d2b4ecd388d9a4fff22f6fe6486c0d543337872bec24cfcc"}}</script> <script src="/files/ieeesyscouncil/js/js_XgaoF1b-nOQmaHdMmxygxPhuOKMpJW8n62xFAdeemqc.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?srwpjp"></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/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Home</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieee.org/membership-catalog" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">Shop IEEE</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="http://ieeexplore.ieee.org/xpl/RecentIssue.jsp?punumber=4267003" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Systems Journal</a> </li> <li class="inline-flex items-center" role="listitem"> <a href="https://www.ieeesyscon.org/" class="inline-block text-gray-300 font-semibold hover__text-white focus__text-white text-xs whitespace-no-wrap truncate" rel="noreferrer">IEEE Systems Conference</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/ieeesyscouncil/sysc23-web-logo-02.svg" 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 the Council</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/about-council" 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/2">Purpose</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/about-council#foi" 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/2">Field of Interest</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/about-the-council/member-societies" 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/3">Member Societies</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="/about/media-bookdirectory/governing-documents" 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/6">Constitution</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/media-bookdirectory/governing-documents" 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/6">Bylaws</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/media-bookdirectory/governing-documents" 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/6">Strategic Plan</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/media-bookdirectory/meeting-minutes-and-presentations" 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 = """>Meeting Minutes and Presentations</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/ieee-expense-reporting" 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/416">Expense Reporting</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">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/council-committees" 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/5">Standing Committees and Chairs</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/officers" 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 = """>Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/membership-society-representatives" 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 = """>Member Society Representatives</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">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="/position/president" 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/374">Council Presidents</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/history-systems-council" target="_blank" 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/1275" rel="noopener">History of the Council</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/history-column" 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/1089">History Column</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/sysc-officer-history" title="SYSC Officer 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/1541">Officer History</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/member-society-representative-history" title="Member Society Representative 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/1540">Member Society Representative History</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">Get Involved</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/become-a-participant" 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 = """>Become a Participant</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/follow-us-social-media" 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 = """>Follow on Social Media</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://ieeesystemscouncil.org/presentation-library" 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">Presentation Library</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">Resources</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="/resources/volunteer-resources" 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 = """>Volunteer Resources</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/about/resources/publicity" 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/926">Publicity Resources</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/post/announcement/systems-council-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/748">Resource Center</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">Staff</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/staff" 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/918">Operations Manager</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/form/contact" 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">Contact</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">Council Awards</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" 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/882">About Awards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/award/outstanding-service-award" 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 = """>Outstanding Service Award</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/award/james-o-gray-scholarship" 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 = """>James O. Gray Scholarship</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/award/council-award/ieee-systems-council-engineering-undergraduate-scholarship" 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/1260">Engineering Undergraduate Scholarship</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/paper-award/systems-journal-best-paper-award" 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 = """>Systems Journal Best Paper Award</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/award/ieee-systems-council-chapter-year" 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 = """>IEEE Systems Council Chapter of the Year Award</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/award/ieee-systems-council-student-branch-chapter-year" 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 = """>IEEE Systems Council Student Branch Chapter of the Year Award</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">IEEE Awards</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/IEEE-awards/ieee-fellows" 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/861">IEEE Fellows</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-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">Education</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="/education" 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/877">Education Activities</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/technical-committee/systems-thesaurus-technical-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/468">Thesaurus Board</a> </li> <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/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/927">Distinguished Lecturer Program</a> <ul class="space-y-2"> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/distinguished-lecturer-program/odlp" 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/929">Online Distinguished Lecturer Program (ODLP)</a> </li> </ul> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/post/announcement/systems-council-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/748">Resource Center</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/award/council-award/james-o-gray-scholarship" 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 = """>James O. Gray Scholarship</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">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="/standards" 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/879">About Standards</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded active nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">Member Services 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"> <a href="/member-services" 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/875">Member Services</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/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/887">Chapters</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/cooperation-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/888">Cooperation</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/diversity-equity-inclusion-and-belonging" 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/892">Diversity, Equity, Inclusion, and Belonging</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00 active"> <a href="/member-services/industry-and-industry-professionals" 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/1266" aria-current="page">Industry and Industry Professionals</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/life-members" 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/901">Life Members</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/member-services-activities/senior-members" 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/902">Senior Members</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/wise" 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/903">WiSE</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/young-professionals-and-student-members" 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/904">Young Professionals</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 Operations</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/technical-operations" 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/876">About Technical Operations</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/activities/technical-operations#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/876">Technical 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> </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">About 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" 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/4">About Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/conferences#list" 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 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">Resources</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/conferences#guide" 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 Guide</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/resources/events-calendar" 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/868">Events Calendar</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/conferences/resources/conference-papers-systems-engineering-topics" 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/1240">Conference Papers on Systems Engineering Topics</a> </li> </ul> </li> </ul> </nav> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> </div> </div> <div class="bg-primary-500 mega-menu--bottom bg-liquid-cheese"> <div class="container px-6 py-3"> <span class="block mb-0 font-semibold text-white min-h-6 menu-item-title-attr" x-text="menuLinkTitle"></span> </div> </div> </div> </li> <li class="menu-item-Publications mega-menu--item hover__bg-white hover__text-gray-500 focus__bg-white focus__text-gray-500 transition-colors duration-150 ease-in-out" x-data="{ megamenuOpen: false, menuLinkTitle: '' } " x-title="Mega Menu - Publications" x-description="Show/hide Mega Menu based on megamenuOpen state." :aria-expanded="megamenuOpen" aria-level="1" role="listitem"> <button class="flex items-center float-left h-full px-3 mb-0 font-bold text-center focus__outline-none leading-none" data-toggle="dropdown" :aria-expanded="megamenuOpen" @click="megamenuOpen = true">Publications</button> <div class="absolute left-0 right-0 z-50 text-left transition-all duration-300 ease-in-out bg-white shadow-xl top-full mega-menu sm__mb-0 mega-menu--wrapper bg-gradient-to-b from-gray-100" x-show="megamenuOpen" @click.away="megamenuOpen = false" @keydown.escape="onEscape" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-100 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" x-description="Megamenu, show/hide based on megamenuOpen state." x-cloak> <div class="container flex flex-wrap justify-between w-full mx-auto text-black mega-menu--top" x-show="megamenuOpen" x-description="Show/hide Mega Menu top based on megamenuOpen state." @click="megamenuOpen = false" x-cloak> <div class="menu_link_content menu-link-contentmain-mega view-mode-default menu-dropdown w-full menu-dropdown-0 menu-type-default"> <div class="lbl-col-separator _none pt-0 lg__pt-0 pb-0 lg__pb-0 relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="w-100 relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-12 lg__col-4 xl__col-4 2xl__col-4 blb-region-col" > <div class="_none block block-menu-block block-menu-blockmain"> <nav role="navigation" class="_none block block-menu-block block-menu-blockmain"> <ul class="my-6"> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div class="flex items-center"> <span class="heading--nav--second-level menu-item-link relative inline-flex no-underline hover__text-black no-underline">About 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="/publications" class="menu-item-link relative inline-flex text-sm no-underline hover__text-black no-underline link-underline" x-on:mouseover="menuLinkTitle = $event.target.title" x-on:mouseleave="menuLinkTitle = """ data-drupal-link-system-path="node/880">About Publications</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/systems-council-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 = """ data-drupal-link-system-path="node/886">Newsletter</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://engage.ieee.org/Systems-Council-Newsletter-Sign-up.html" 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">Subscribe to 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 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">IEEE Systems Journal (ISJ)</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/ieee-systems-journal" 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/808">About the Systems Journal</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/committee/ieee-systems-journal-editorial-board" 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 = """>Editorial Board</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/call-papers-regular-issues" 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 = """>Call for Papers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/ieee-systems-journal/instructions-for-authors" 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/1084">Instructions for Authors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://ieeexplore.ieee.org/xpl/mostRecentIssue.jsp?punumber=4267003" 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">Current Issue</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="https://ieeexplore.ieee.org/xpl/issues?punumber=4267003&isnumber=9645394" 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">Previous Issues</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/paper-award/systems-journal-best-paper-award" 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 = """>Systems Journal Best Paper Award</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">Co-Sponsored 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="/publication/ieee-journal-miniaturization-air-and-space-systems" 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/805">Journal on Miniaturization for Air and Space Systems (J-MASS)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/ieee-open-journal-systems-engineering" 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/590">Open Journal of Systems Engineering (OJSE)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/sebok" 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/873">Systems Engineering Body of Knowledge (SEBoK)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/ieee-transactions-big-data" 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 = """>Transactions on Big Data (T-Data)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/ieee-transactions-cloud-computing" 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/806">Transactions on Cloud Computing (TCC)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-00"> <a href="/publication/transactions-privacy" 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/1294">Transactions on Privacy (T-P)</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 the Council"> <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 the Council</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/about-council" 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/2">Purpose</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/about-council#foi" 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/2">Field of Interest</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/about-the-council/member-societies" 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/3">Member Societies</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="/about/media-bookdirectory/governing-documents" 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/6">Constitution</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/media-bookdirectory/governing-documents" 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/6">Bylaws</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/media-bookdirectory/governing-documents" 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/6">Strategic Plan</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/media-bookdirectory/meeting-minutes-and-presentations" 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">Meeting Minutes and Presentations</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/ieee-expense-reporting" 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/416">Expense Reporting</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"> <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</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/council-committees" 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/5">Standing Committees and Chairs</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/officers" 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">Officers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/membership-society-representatives" 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">Member Society Representatives</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="/position/president" 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/374">Council Presidents</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/history-systems-council" target="_blank" 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/1275" rel="noopener">History of the Council</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/history-column" 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/1089">History Column</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/sysc-officer-history" title="SYSC Officer 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/1541">Officer History</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/member-society-representative-history" title="Member Society Representative 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/1540">Member Society Representative History</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 - Get Involved"> <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">Get Involved</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/become-a-participant" 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">Become a Participant</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/follow-us-social-media" 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">Follow on Social Media</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://ieeesystemscouncil.org/presentation-library" 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">Presentation Library</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 - Resources"> <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">Resources</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="/resources/volunteer-resources" 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">Volunteer Resources</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/about/resources/publicity" 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/926">Publicity Resources</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/post/announcement/systems-council-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/748">Resource Center</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 - Staff"> <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">Staff</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/staff" 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/918">Operations Manager</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/form/contact" 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">Contact</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="heading--nav--second-level 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 - Council Awards"> <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">Council 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"> <a href="/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/882">About Awards</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/award/outstanding-service-award" 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">Outstanding Service Award</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/award/james-o-gray-scholarship" 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">James O. Gray Scholarship</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/award/council-award/ieee-systems-council-engineering-undergraduate-scholarship" 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/1260">Engineering Undergraduate Scholarship</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/paper-award/systems-journal-best-paper-award" 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">Systems Journal Best Paper Award</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/award/ieee-systems-council-chapter-year" 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">IEEE Systems Council Chapter of the Year Award</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/award/ieee-systems-council-student-branch-chapter-year" 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">IEEE Systems Council Student Branch Chapter of the Year Award</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 - IEEE Awards"> <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">IEEE 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"> <a href="/awards/IEEE-awards/ieee-fellows" 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/861">IEEE Fellows</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 - Activities"> <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">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"> <div x-data="{ open: false }" x-title="Slide-over menu - Education"> <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">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"> <a href="/education" 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/877">Education Activities</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/technical-committee/systems-thesaurus-technical-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/468">Thesaurus Board</a> </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"> <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/927">Distinguished Lecturer Program</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/post/announcement/systems-council-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/748">Resource Center</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/award/council-award/james-o-gray-scholarship" 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">James O. Gray Scholarship</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="/standards" 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/879">About Standards</a> </li> </ul> </div> </div> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded active nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Member Services 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">Member Services 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"> <a href="/member-services" 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/875">Member Services</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/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/887">Chapters</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/cooperation-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/888">Cooperation</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/diversity-equity-inclusion-and-belonging" 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/892">Diversity, Equity, Inclusion, and Belonging</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800 active"> <a href="/member-services/industry-and-industry-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 is-active" data-drupal-link-system-path="node/1266" aria-current="page">Industry and Industry Professionals</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/life-members" 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/901">Life Members</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/member-services-activities/senior-members" 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/902">Senior Members</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/wise" 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/903">WiSE</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/young-professionals-and-student-members" 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/904">Young Professionals</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 Operations"> <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 Operations</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/technical-operations" 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/876">About Technical Operations</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/activities/technical-operations#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/876">Technical Committees</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 - About 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">About 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" 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/4">About Conferences</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/conferences#list" 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 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 - Resources"> <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">Resources</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/conferences#guide" 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 Guide</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/resources/events-calendar" 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/868">Events Calendar</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/conferences/resources/conference-papers-systems-engineering-topics" 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/1240">Conference Papers on Systems Engineering Topics</a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="nav-item nav-item expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - Publications"> <button type="button" class="flex items-center justify-between w-full px-6 py-3 text-left transition-colors duration-150 ease-in-out group focus__outline-none" x-state:on="Current" x-state:off="Default" @click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()" x-state-description="" :class="{ 'hover__text-gray-500 hover__bg-gray-50 focus__bg-gray-50' : !(open), 'hover__text-gray-50 bg-primary-600 text-white' : open }"> <span class="menu-item-link inline-flex no-underline font-bold">Publications</span> <div class="duration-150 ease-in-out transform" x-state:on="Expanded" x-state:off="Collapsed" :class="{ 'rotate-90': open, '': !(open) }"> <i class="fa-regular fa-chevron-right"></i> </div> </button> <div x-description="Expandable link section, show/hide based on state." class="" x-show="open" x-cloak> <ul class=""> <li class="dropdown-item sub-menu-list-item text-gray-800 expanded nav-item nav-item expanded nav-item has-sub-menu nav-item"> <div x-data="{ open: false }" x-title="Slide-over menu - About 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">About 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="/publications" class="menu-item-link flex px-6 py-3 font-semibold text-gray-900 hover__text-gray-500 border-l-16 border-primary-200 ml-2 rounded-lg my-1 focus__text-gray-500 hover__bg-gray-50 no-underline link-underline" data-drupal-link-system-path="node/880">About Publications</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/systems-council-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" data-drupal-link-system-path="node/886">Newsletter</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://engage.ieee.org/Systems-Council-Newsletter-Sign-up.html" 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">Subscribe to Newsletter</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 - IEEE Systems Journal (ISJ)"> <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">IEEE Systems Journal (ISJ)</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/ieee-systems-journal" 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/808">About the Systems Journal</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/committee/ieee-systems-journal-editorial-board" 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">Editorial Board</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/call-papers-regular-issues" 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">Call for Papers</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/ieee-systems-journal/instructions-for-authors" 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/1084">Instructions for Authors</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://ieeexplore.ieee.org/xpl/mostRecentIssue.jsp?punumber=4267003" 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">Current Issue</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="https://ieeexplore.ieee.org/xpl/issues?punumber=4267003&isnumber=9645394" 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">Previous Issues</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/paper-award/systems-journal-best-paper-award" 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">Systems Journal Best Paper Award</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 - Co-Sponsored 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">Co-Sponsored 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="/publication/ieee-journal-miniaturization-air-and-space-systems" 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/805">Journal on Miniaturization for Air and Space Systems (J-MASS)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/ieee-open-journal-systems-engineering" 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/590">Open Journal of Systems Engineering (OJSE)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/sebok" 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/873">Systems Engineering Body of Knowledge (SEBoK)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/ieee-transactions-big-data" 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">Transactions on Big Data (T-Data)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/ieee-transactions-cloud-computing" 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/806">Transactions on Cloud Computing (TCC)</a> </li> <li class="dropdown-item sub-menu-list-item text-gray-800"> <a href="/publication/transactions-privacy" 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/1294">Transactions on Privacy (T-P)</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 group line-clamp-3"> <i class="text-secondary-500 text-opacity-20 fa-regular fa-chevron-right ml-3 w-6"></i> <a href="/member-services" class="inline-flex items-center hover__underline text-white" title="Member Services"><span class="inline-flex items-center h-full py-1 ml-4 text-sm font-semibold leading-none text-white group-hover__text-gray-200 line-clamp-3">Member Services</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="Industry and Industry Professionals">Industry and Industry Professionals</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="/member-services/industry-and-industry-professionals" 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="Industry and Industry Professionals"> <span class="align-middle" rel="bookmark">Industry and Industry Professionals</span> </h1> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-6 lg__col-6 xl__col-6 2xl__col-6 blb-region-col" > <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> </div> </div> </div> <div class="_none relative py-6 lg__py-12"><div class="absolute top-0 flex w-full h-full container--header--bg min-h-40 Xmax-h-44"></div><div class="container relative"> <div class="layout row layout-builder__layout"> <div class="col-12 sm__col-12 md__col-9 lg__col-9 xl__col-9 2xl__col-9 blb-region-col" > <div class="_none block-type-basic block block-layout-builder block-inline-blockbasic block--blb"> <div class="flex items-center mx-auto max-w-prose"> <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">Mission</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="content mt-6"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <p>The Committee shall facilitate industry engagement activities within IEEE Systems Council, identify and act on opportunities and gaps, launch initiatives, and recommend to Systems Council AdCom needed development of products and services that meet the needs of industry, government, and industry professionals.</p> </div> </div> </div> <div class="_none mt-6 block-type-basic block block-layout-builder block-inline-blockbasic block--blb"> <div class="flex items-center mx-auto max-w-prose"> <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">Functions</h2></span> <div class="flex-grow h-px ml-6 border-separator-light"></div> </div> <div class="content mt-6"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <ul> <li>Gather input from industry leaders and professionals that will help Systems Council AdCom develop strategic directions related to the needs of industry, government, and industry professionals.</li> <li>Support engagement and relationship building with industry, government, and industry leaders.</li> <li>Help Conferences and Technical Committees form their own industry engagement structures so as to facilitate Systems Council engagement with Industry.</li> <li>Advise Systems Council AdCom on the development of products and services that would meet the needs of industry, government, and industry professionals.</li> <li>Remain knowledgeable concerning activities of the IEEE Industry Engagement Committee and interact where beneficial to Systems Council and the IEEE.</li> <li>Develop semi-annual reports on the activities, successes, and challenges of the Committee.</li> </ul> </div> </div> </div> <div class="absolute top-0 bottom-0 right-0 z-0 w-px separator"></div> </div> <div class="col-12 sm__col-12 md__col-3 lg__col-3 xl__col-3 2xl__col-3 blb-region-col" > <div class="_none block block-entity-browser-block block-entity-browser-blockcontent"> <article about="/position/industryindustry-professionals-committee-chair" data-observe-resizes="" class="responsive-container w-full card--container flex flex-col"> <div class="teaser-v xl__teaser-h teaser teaser--position teaser-h-64"> <div class="teaser--main xl__teaser-h--main flex flex-col justify-between"> <div class="teaser--body xl__teaser-h--body"> <h3 class="field field--node--field-display-name field--name-field-display-name field--type-string field--label-hidden card--hidden text-base leading-tight mt-1 line-clamp-3 hover__line-clamp-none focus-within__line-clamp-none" title="Display Name"> <a href="/position/industryindustry-professionals-committee-chair" hreflang="en">Industry/Industry Professionals Committee Chair</a> </h3> <div class="view view-eva view-multifield-incumbent view-id-multifield_incumbent view-display-id-entity_view_card_current_grid js-view-dom-id-c24b2bc2c2028c5ac53300f159531c09162cb39206fcb0cda56236df64c8c2e4"> <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>2023 - Present</span> </div> </div> </div></div><div class="views-field views-field-field-contact-ref"><div class="field-content"> <article about="/contact/stamatis-karnouskos" 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="card--header card-v--header xl__card-h--header bg-gray-50 relative flex-shrink-0 flex"> <a href="/contact/stamatis-karnouskos" hreflang="en"> <img loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="500" height="500" alt="Stamatis Karnouskos" title="Stamatis Karnouskos" class="lazyload" data-src="/files/ieeesyscouncil/styles/responsive_1_1_500w/public/images/contacts/karnouskos_bw.png?h=192b9dc6&itok=BZ-Kisvu" 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="Stamatis Karnouskos "> <span><a href="/contact/stamatis-karnouskos" hreflang="en">Stamatis Karnouskos</a></span> </h3> </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=130">Email</a> </div> </div> <div class="leading-tight"> <div class="label field--label visually-hidden">Website</div> <div class="field field--node--field-website field--name-field-website field--type-link field--label-visually_hidden card--visually_hidden text-xs tracking-wide text-gray-600 mt-1 break-words inline-flex leading-tight hover__underline" title="Website"> <span><i class="mr-3 fa-regular fa-fw fa-globe"></i></span> <span><a href="https://scholar.google.com/citations?user=WkLswkoAAAAJ" rel="nofollow noopener noreferrer" target="_blank">Website</a></span> </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> </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-footer" class="block-type-basic block block-block-content block-block-content1fbdfed6-15d0-49e0-9589-76d243356d05"> <div class="mx-auto break-words word-wrap prose font-serif relative"> <div class="flex flex-row justify-center space-x-4"> <p class="text-xl md__text-2xl ml-8 my-4 text-white font-bold tracking-wide flex items-center"><span class="text-white"><a id="social"></a>Follow SYSC on Social Media!</a></span></p> <ul class="inline-flex no-bullets my-3"> <li class="inline-flex 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.x.com/systemscouncil" title="X" rel="noopener noreferrer"> <span class=""> <svg class='svg--social--x' fill='#ffffff' viewBox='0 0 24 24' width="32" height="32" 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-flex 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/IEEESystemsCouncil" title="Facebook" rel="noopener noreferrer"> <span class=""> <svg viewBox="0 0 24 24" width="32" height="32" 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-flex 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-systems-council/about/" title="LinkedIn" rel="noopener noreferrer"> <span class=""><svg viewBox="0 0 24 24" width="32" height="32" 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> </ul> </div> </div> </div> <div class="font-bold text-center"> <a href="https://ieeesystemscouncil.us7.list-manage.com/subscribe?u=a56289c418698825973a992ba&id=6bb75112ea" class="btn btn-primary" title="Email List Subscribe"> <i class="fa-regular fa-envelopes-bulk fa-lg"></i> <span class="ml-2">Email List Subscribe</span></a> </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="https://www.ieee.org/" 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="https://www.ieee.org/sitemap.html" rel="noreferrer">More IEEE Sites</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/ieeesyscouncil/js/js_ELc73G6MuZuJPwjjhfrUDl2Qxe1M0ZwXfWlkI-gYQLI.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?srwpjp"></script> <script src="/themes/custom/catalyze_tw/dist/resize-observer.js?srwpjp"></script> <script src="/themes/custom/catalyze_tw/dist/fonts.js?srwpjp"></script> <script src="/themes/custom/catalyze_tw/dist/alpine-persist.js?srwpjp"></script> <script src="/themes/custom/catalyze_tw/dist/alpine.js?srwpjp"></script> <script src="/files/ieeesyscouncil/js/js_MA-QP3-X16g-6eMcph_g8ujqqIZ_g6Ps4_Y8Kok7mcI.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?srwpjp"></script> <script src="/themes/custom/catalyze_tw/src/js/select2-settings.js?srwpjp"></script> <script src="/files/ieeesyscouncil/js/js_6QaJTN6aGjW2xa8WU-VsFu_mmsZ_JbJpXiVajctlVBw.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?srwpjp"></script> </body> </html>

CINXE.COM

Industry and Industry Professionals | IEEE Systems Council