1 2 3 4 5 6<!DOCTYPE html> 7 <html lang="en-US" class="infocast no-js"> 8 9 10 11 <head> 12 13 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 14 15 <title> 16 17 Infocast Events | Contact Us 18 19 </title> 20 <meta name="generator" content="SHOWOFF by ASP.events" /> 21 <meta name="author" content=""> 22 23 24 <meta name="description" content="Have questions or experiencing problems registering? Contact us and our team will quickly reach out to assist!" /> 25 <meta name="keywords" content="" /> 26 27 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 28 29 30 31 32 33 <meta property="og:title" content="Infocast Events | Contact Us" /> 34 <meta property="og:site_name" content="Infocast" /> 35 <meta property="schema:description" typeof="https://schema.org/WebPage" content="Have questions or experiencing problems registering? Contact us and our team will quickly reach out to assist!" /> 36 <meta property="schema:name" typeof="https://schema.org/WebPage" content="Contact Us" /> 37 <meta property="schema:image" typeof="https://schema.org/WebPage" content="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/images/open-graph/infocast-open-graph.jpg/fit-in/1200x630/filters:no_upscale()" /> 38 <meta property="og:image" content="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/images/open-graph/infocast-open-graph.jpg/fit-in/1200x630/filters:no_upscale()" /> 39 <meta property="og:description" content="Have questions or experiencing problems registering? Contact us and our team will quickly reach out to assist!" /> 40 <meta property="og:type" content="article" /> 41 42 <!-- 43 896CC470F1E666EB742EBE1ED00FBAE70FB2A37496C44A5706E43BEFED69A8C4 44 --> 45 <base href="https://www.infocastinc.com/" > 46 <meta name="robots" content="index, follow" /> 47 <link rel="icon" href="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/favicon.ico" type="image/x-icon" /> 48 <link rel="canonical" href="https://infocastinc.com/contact-us" /> 49<style> 50:root { 51 /* --primary: #00456a !important; 52 --secondary: #aaaaaa !important;*/ 53 --white: #FFFFFF !important; 54 --black: #000000 !important; 55 --shadow: 0 0 1px rgba(var(--black), 0.08), 0 4px 8px rgba(var(--black), 0.1) !important; 56} 57.isp{ 58 font-size: 11px; 59 border-radius: 3px; 60 border: 1px solid #00456a; 61 color: #00456a; 62 padding: 4px; 63 display: inline-block; 64 margin-top: 8px; 65} 66.link{ 67text-decoration: underline; 68} 69.uppercase{ 70text-transform: uppercase; 71} 72.special-button{ 73 display: inline-block; 74 padding: 10px 15px; 75 color: #ffffff; 76 font-weight: 600; 77 text-decoration: none; 78 border-radius: 30px; 79 border: 1px solid #fa4252; 80 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 81 white-space: nowrap; 82} 83/*Header*/ 84.s-header__default__logo{ 85padding: 0px !important; 86} 87.s-header__default--style-6 > .s-header__default__logo { 88padding-top: 0px !important; 89padding-bottom: 0px !important; 90} 91@media (min-width: 1280px) { 92 .s-header__default--style-6 .s-header__default__logo { 93 align-items: center; 94 display: flex; 95 justify-content: center; 96 line-height: 0; 97 padding: 24px; 98padding-top: 0px !important; 99padding-bottom: 0px !important; 100 position: relative; 101 } 102} 103/*Page elements*/ 104.p-section__header__divider { 105 margin-top: 0px !important; 106} 107.s-page-title{ 108display: none !important; 109} 110.s-scroll-top, .s-scroll-top--right { 111 margin-bottom: 50px !important; 112 border: 2px solid var(--white) !important; 113 width: 50px !important; 114 height: 50px !important; 115} 116/*Footer*/ 117.s-footer__default__asp-copyright__link{ 118display: none !important; 119} 120/*Speakers*/ 121.m-speakers-list__list__items__item__header__meta > span { 122 display: block !important; 123} 124.m-speakers-list__items__item__header__meta__author{ 125 display: block !important; 126} 127.m-speakers-list__items__item__header__meta__date{ 128 display: block !important; 129} 130 131/*Sponsors*/ 132.m-libraries-sponsors-list__items__item__wrapper-two{ 133 padding: 7px !important; 134} 135 136/*Participating Organizations Section */ 137.part-org-columns { 138 text-align: center; 139 list-style-type: none; 140 margin: 0 auto; 141 padding: 0; 142 text-align: center !important; 143} 144 145.part-orgs { 146 border-bottom: 1px solid var(--secondary); 147 padding-top: .9em; 148 padding-bottom: .4em; 149 text-align: center !important; 150} 151 152.last-org { 153 border-bottom: 0px !important; 154} 155 156/*Upcoming Event Cards*/ 157.u-font-two-size-small { 158 vertical-align: middle !important; 159 font-size: 1rem !important; 160 line-height: 1.5; 161 margin-left: 5px; 162 } 163.m-seminar-list__list__content__column { 164 background: none !important; 165 padding: 12px; 166 width: 100%; 167} 168 169.m-seminar-list__list__content__column__items__item { 170 border-radius: 20px !important; 171 margin: 30px auto; 172 padding: 25px 35px !important 173 border: none; 174 /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;*/ 175 box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.1) !important; 176 border: 1px solid #ececec; 177} 178/*Mobile*/ 179@media only screen and (max-width: 600px) { 180.p-article__wrapper-two { 181 padding: 20px 10px !important; 182} 183 184 185.p-section--style-1 .p-section__container__inner.has-padding-right { 186 padding-right: 5px !important; 187} 188.p-section--style-1 .p-section__container__inner.has-padding-left { 189 padding-left: 5px !important; 190} 191.s-header__mobile--style-1 .s-header__mobile__default { 192 display: flex; 193 padding-bottom: 15px !important; 194 padding-top: 10px !important; 195} 196} 197</style> 198 199 200 201 202 203 <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/__theme/css/site.css?v=2044" /> 204 205 206
206<script>document.documentElement.classList.add('site-modules-loading');</script>
206 207 <style>.site-modules-loading [class^="m-"],.site-modules-loading [class*=" m-"]{opacity:0}</style> 208 209 <link rel="preload" href="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/__theme/css/site.modules.css?v=2044" as="style" onload="this.onload=null;this.rel='stylesheet';document.documentElement.classList.remove('site-modules-loading')"> 210 <noscript><link rel="stylesheet" href="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/__theme/css/site.modules.css?v=2044"></noscript> 211 212 213 214 215 <link rel="preconnect" href="https://fonts.googleapis.com"> 216 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 217 218 219 220 221 <link href="//fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet"> 222 223 224 225 226 <link href="//fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet"> 227 228 229 230 231 232 233 234
234<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
234 235 236 237
237<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/script.min.js" integrity="sha384-+kbmEGZrjwfGzlYYiLQkgntepLDajw5ZAlz1jvKM4IVPwGH4Z+nbmccUIf9pz1Gq" crossorigin="anonymous"></script>
237 238 239 240
240<script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/base.composer.min.js"></script>
240 241
241<script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/plugins/persist.min.js"></script>
241 242
242<script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/alpine.min.js"></script>
242 243 244 245 <link rel="preload" href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 246 <noscript> 247 <link href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" rel="stylesheet"> 248 </noscript> 249 250 251 252 253 254 255 256 257 258 259 <meta name="google-site-verification" content="google-site-verification=VOfSkNzR6vTP-NXbdFjbtW24TstbRNA0jX93LwmKbek" /> 260<!-- Start VWO Async SmartCode --> 261<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
262<script type='text/javascript' id='vwoCode'> 263window._vwo_code || 264(function () { 265var w=window, 266d=document; 267var account_id=1045240, 268version=2.2, 269settings_tolerance=2000, 270hide_element='body', 271hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important'; 272/* DO NOT EDIT BELOW THIS LINE */ 273var f=0, v; 274if(f=!1,v=d.querySelector('#vwoCode'),cc={},-1<d.URL.indexOf('__vwo_disable__')||w._vwo_code)return;try{var e=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=e&&'object'==typeof e?e:{}}catch(e){}function r(t){try{return decodeURIComponent(t)}catch(e){return t}}var s=function(){var e={combination:[],combinationChoose:[],split:[],exclude:[],uuid:null,consent:null,optOut:null},t=d.cookie||'';if(!t)return e;for(var n,i,o=/(?:^|;\s*)(?:(_vis_opt_exp_(\d+)_combi=([^;]*))|(_vis_opt_exp_(\d+)_combi_choose=([^;]*))|(_vis_opt_exp_(\d+)_split=([^:;]*))|(_vis_opt_exp_(\d+)_exclude=[^;]*)|(_vis_opt_out=([^;]*))|(_vwo_global_opt_out=[^;]*)|(_vwo_uuid=([^;]*))|(_vwo_consent=([^;]*)))/g;null!==(n=o.exec(t));)try{n[1]?e.combination.push({id:n[2],value:r(n[3])}):n[4]?e.combinationChoose.push({id:n[5],value:r(n[6])}):n[7]?e.split.push({id:n[8],value:r(n[9])}):n[10]?e.exclude.push({id:n[11]}):n[12]?e.optOut=r(n[13]):n[14]?e.optOut=!0:n[15]?e.uuid=r(n[16]):n[17]&&(i=r(n[18]),e.consent=i&&3<=i.length?i.substring(0,3):null)}catch(e){}return e}();function i(){var e=function(){if(w.VWO&&Array.isArray(w.VWO))for(var e=0;e<w.VWO.length;e++){var t=w.VWO[e];if(Array.isArray(t)&&('setVisitorId'===t[0]||'setSessionId'===t[0]))return!0}return!1}(),t='a='+account_id+'&u='+encodeURIComponent(w._vis_opt_url||d.URL)+'&vn='+version+'&ph=1'+('undefined'!=typeof platform?'&p='+platform:'')+'&st='+w.performance.now();e||((n=function(){var e,t=[],n={},i=w.VWO&&w.VWO.appliedCampaigns||{};for(e in i){var o=i[e]&&i[e].v;o&&(t.push(e+'-'+o+'-1'),n[e]=!0)}if(s&&s.combination)for(var r=0;r<s.combination.length;r++){var a=s.combination[r];n[a.id]||t.push(a.id+'-'+a.value)}return t.join('|')}())&&(t+='&c='+n),(n=function(){var e=[],t={};if(s&&s.combinationChoose)for(var n=0;n<s.combinationChoose.length;n++){var i=s.combinationChoose[n];e.push(i.id+'-'+i.value),t[i.id]=!0}if(s&&s.split)for(var o=0;o<s.split.length;o++)t[(i=s.split[o]).id]||e.push(i.id+'-'+i.value);return e.join('|')}())&&(t+='&cc='+n),(n=function(){var e={},t=[];if(w.VWO&&Array.isArray(w.VWO))for(var n=0;n<w.VWO.length;n++){var i=w.VWO[n];if(Array.isArray(i)&&'setVariation'===i[0]&&i[1]&&Array.isArray(i[1]))for(var o=0;o<i[1].length;o++){var r,a=i[1][o];a&&'object'==typeof a&&(r=a.e,a=a.v,r&&a&&(e[r]=a))}}for(r in e)t.push(r+'-'+e[r]);return t.join('|')}())&&(t+='&sv='+n)),s&&s.optOut&&(t+='&o='+s.optOut);var n=function(){var e=[],t={};if(s&&s.exclude)for(var n=0;n<s.exclude.length;n++){var i=s.exclude[n];t[i.id]||(e.push(i.id),t[i.id]=!0)}return e.join('|')}();return n&&(t+='&e='+n),s&&s.uuid&&(t+='&id='+s.uuid),s&&s.consent&&(t+='&consent='+s.consent),w.name&&-1<w.name.indexOf('_vis_preview')&&(t+='&pM=true'),w.VWO&&w.VWO.ed&&(t+='&ed='+w.VWO.ed),t}code={nonce:v&&v.nonce,library_tolerance:function(){return'undefined'!=typeof library_tolerance?library_tolerance:void 0},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return performance.getEntriesByName('first-contentful-paint')[0]?'':'string'==typeof cc.hE?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){var t;f||(f=!0,(t=d.getElementById('_vis_opt_path_hides'))&&t.parentNode.removeChild(t),e&&((new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e))},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript',e.src?t.src=e.src:t.text=e.text,v&&t.setAttribute('nonce',v.nonce),d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){t=t||{};var n=new XMLHttpRequest;n.open('GET',e,!0),n.withCredentials=!t.dSC,n.responseType=t.responseType||'text',n.onload=function(){if(t.onloadCb)return t.onloadCb(n,e);200===n.status?_vwo_code.addScript({text:n.responseText}):_vwo_code.finish('&e=loading_failure:'+e)},n.onerror=function(){if(t.onerrorCb)return t.onerrorCb(e);_vwo_code.finish('&e=loading_failure:'+e)},n.send()},init:function(){var e,t=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish()}
274,t),'body'!==this.hide_element()?(n=d.createElement('style'),e=(t=this.hide_element())?t+this.hide_element_style():'',t=d.getElementsByTagName('head')[0],n.setAttribute('id','_vis_opt_path_hides'),v&&n.setAttribute('nonce',v.nonce),n.setAttribute('type','text/css'),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(d.createTextNode(e)),t.appendChild(n)):(n=d.getElementsByTagName('head')[0],(e=d.createElement('div')).style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;',e.setAttribute('id','_vis_opt_path_hides'),e.classList.add('_vis_hide_layer'),n.parentNode.insertBefore(e,n.nextSibling));var n='https://dev.visualwebsiteoptimizer.com/j.php?'+i();-1!==w.location.search.indexOf('_vwo_xhr')?this.addScript({src:n}):this.load(n+'&x=true',{l:1})}};w._vwo_code=code;code.init();})(); 275</script>
275 276<!-- End VWO Async SmartCode --><meta name="google-site-verification" content="RM1Mewq13pu80ZwjcOfy6QqlWix8MRAcDH9FPB7Zv1g" /><!-- Google Tag Manager -->
277<script>
vendor: 331 bytes, lines 277-281
277(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 278new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 279j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 280'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 281})(window,document,'script','dataLayer','
281GTM-WQZJBC
vendor: 3 bytes, line 281
281');
281</script>
281 282<!-- End Google Tag Manager --> 283
283<script> 284 $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/1.2.0/jquery.magnific-popup.min.js', function(){ $script('https://cdn.asp.events/includes/js/ASPModal.old.min.js'); }); 285 286 jQuery(document).ready(function(){ 287 288 jQuery(document).on('click','.js-share-button',showShareDialog); 289 290 function showShareDialog(e) 291 { 292 e.preventDefault(); 293 294 var Site = jQuery(this).attr('data-site'); 295 296 if (jQuery(this).attr('data-slug') != '') { 297 var PageUrl = jQuery(this).attr('data-slug'); 298 } else { 299 var PageUrl = location.href; 300 } 301 302 var contentId = ''; 303 if (jQuery(this).attr('data-contentId') != '') { 304 var contentId = jQuery(this).attr('data-contentId'); 305 } 306 var shareText = jQuery(this).attr('data-shareText'); 307 var shareTitle = jQuery(this).attr('data-shareTitle'); 308 309 jQuery.get 310 ( '__share/buttons/getShareUrl' 311 , { Site:Site , PageUrl:PageUrl , PageTitle:document.title, contentId:contentId, shareText:shareText, shareTitle:shareTitle } 312 , redirectToShare 313 ); 314 } 315 316 function redirectToShare(data) 317 { 318 //open email share in modal 319 if(data.ShareTo.indexOf('__share/email') == 0) 320 openRemoteModal(data.ShareTo); 321 else{ 322 323 var popupBlockerChecker = { 324 check: function(popup_window){ 325 var _scope = this; 326 if (popup_window) { 327 if(/chrome/.test(navigator.userAgent.toLowerCase())){ 328 setTimeout(function () { 329 _scope._is_popup_blocked(_scope, popup_window); 330 },200); 331 }else{ 332 popup_window.onload = function () { 333 _scope._is_popup_blocked(_scope, popup_window); 334 }; 335 } 336 }else{ 337 _scope._displayError(); 338 } 339 }, 340 _is_popup_blocked: function(scope, popup_window){ 341 if ((popup_window.innerHeight > 0)==false){ scope._displayError(); } 342 }, 343 _displayError: function(){ 344 alert("Popup Blocker is enabled! Please add this site to your exception list."); 345 } 346 }; 347 348 var popup = window.open(data.ShareTo,'_blank','width=800,height=650'); //'width=620,height=440' 349 popupBlockerChecker.check(popup); 350 } 351 } 352 353 }); 354 </script>
354 355 356 357 358 </head> 359 360 <body id="top" class="body--id-102571 body--template-default"> 361 362 363 <nav aria-label="Skip Navigation"> 364 <a class="s-skip-content u-background-color-one u-color-white" href="contact-us#main-content" aria-label="Skip to Main Content">Skip To Main Content</a> 365 </nav> 366 367 368 369 370 371 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 371-372
371 372<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
372GTM-WQZJBC
vendor: 85 bytes, lines 372-373
372" 373height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
374<!-- End Google Tag Manager (noscript) --> 375 376 <div class="site"> 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 <header class="s-header" role="banner" x-data="composerStructureHeader({id: 100279, isSticky: true})" x-on:scroll.window="handleOnWindowScroll" x-on:resize.window="handleOnWindowResize" x-on:load.window="handleOnWindowLoad"> 405 406 407 408 409 <div class="s-header__mobile s-header__mobile--style-1 s-header__mobile--100279 u-border-bottom-solid-1 u-border-color-white" x-data="composerStructureHeaderMobile" x-on:resize.window.debounce.50ms="handleOnWindowResize" data-panel-id="100279"> 410 411 <div class="s-header__mobile__background"> 412 413 <div class="s-header__mobile__background__color u-background-color-white"></div> 414 415 416 </div> 417 418 <div class="s-header__mobile__default"> 419 <div class="s-header__mobile__default__container u-layout-container-default"> 420 421 <div class="s-header__mobile__default__wrapper-one"> 422 423 <div class="s-header__mobile__logo"> 424 425 426 427 <div class="w-image w-image--id-uid_5CF79 w-image--style-1 w-image--style-1--align-left"> 428 <div class="w-image__container" style="width: 175px;"> 429 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="175" alt="Infocast" src="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/Logos/infocast-clarion-web-logo-color.png/fit-in/175x350/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/Logos/infocast-clarion-web-logo-color.png/fit-in/350x700/filters:no_upscale() 2x" /> </a> 430 </div> 431</div> 432 </div> 433 434 435 </div> 436 437 438 <div class="s-header__mobile__default__wrapper-two"> 439 440 <div class="s-header__mobile__open-trigger"> 441 <button class="s-header__mobile__open-trigger__button u-color-one u-border-solid-1 u-border-radius-shape-circle u-border-color-one" x-on:click="handleOnOpenClick" role="button" aria-label="Open Mobile Menu"> 442 <i class="s-header__mobile__open-trigger__button__icon fal fa-bars"></i> 443 </button> 444 </div> 445 </div> 446 447 </div> 448 </div> 449 <div class="s-header__mobile__open"> 450 <div class="s-header__mobile__open__background u-background-color-one" style="opacity: 0.95;"></div> 451 <div class="s-header__mobile__open__close u-layout-container-default"> 452 <button class="s-header__mobile__open__close__button u-color-one u-border-solid-1 u-border-radius-shape-circle u-border-color-one" role="button" aria-label="Close Mobile Menu" x-on:click="handleOnCloseClick" style=""> 453 <i class="s-header__mobile__open__close__button__icon fal fa-times"></i> 454 </button> 455 </div> 456 <div class="s-header__mobile__open__container"> 457 458 <div class="s-header__mobile__open__wrapper-two"> 459 460 <div class="s-header__mobile__buttons"> 461 462 463 464 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-center"> 465 <div class="w-button w-button--style-2 w-button--style-2--align-center w-button--style-2--size-normal w-button--style-2--width-fill"> 466 <a class="w-button__button " role="button" aria-label="Find an Event" href="event"><span class="w-button__button__text">Find an Event</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 467 </div> 468</div> 469 </div> 470 471 </div> 472 <div class="s-header__mobile__open__wrapper-three"> 473 474 475 <nav class="s-header__mobile__navigation s-header__mobile__navigation--alignment-center" x-on:click="handleAnchorScroll" aria-label="Main Menu"> 476 477 <!--seed:65B8BC3A41E376D79AD775189AD9EEA0269921D2--> 478 479 480 481 <ul class="p-menu--accordion p-menu--accordion--id-B68A2" x-data="composerPatternMenuAccordion({id: 'B68A2'})" menuid="B68A2"> 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 <li class="p-menu__item" title=""> 499 500 <div class="p-menu__item__wrapper-one"> 501 502 <a href="event" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-small">Events</a> 503 504 505 </div> 506 507 508 </li> 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 <li class="p-menu__item" title=""> 525 526 <div class="p-menu__item__wrapper-one"> 527 528 <a href="sponsor" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-small">Sponsor</a> 529 530 531 </div> 532 533 534 </li> 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 <li class="p-menu__item" title=""> 551 552 <div class="p-menu__item__wrapper-one"> 553 554 <a href="speak" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-small">Speak</a> 555 556 557 </div> 558 559 560 </li> 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 <li class="p-menu__item" title=""> 577 578 <div class="p-menu__item__wrapper-one"> 579 580 <a href="contact-us" target="_self" class="is-active p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-small">Contact Us</a> 581 582 583 </div> 584 585 586 </li> 587 588 589 <li class="p-menu__item p-menu__item--more has-submenu" style="display: none;"> 590 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-small" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 591 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button">
592 <span class="p-menu__item__text">More</span> 593 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 594 <span class="u-screen-reader-only">Show more menu items</span> 595 </button> 596 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"></ul> 597 </li> 598 599 </ul> 600 601
601<script> 602 function composerPatternMenuAccordion(params) { 603 return { 604 id: params.id, 605 config: { 606 classes: { 607 mainMenuItem : 'p-menu__item', 608 subMenuItemClass:'p-menu__item__submenu__item' 609 } 610 }, 611 init() { 612 this.setActiveMenuItem(); 613 }, 614 setActiveMenuItem() { 615 var $activeMenuItem = $('.p-menu--accordion--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 616 617 this.toggleOnActiveStyling($activeMenuItem); 618 }, 619 showSubmenu($menuItem){ 620 var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); 621 var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); 622 var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); 623 624 $menuItemSubMenu.slideDown(); 625 $menuItem.addClass('has-submenu-open'); 626 $menuItemTitle.attr('aria-expanded', 'true'); 627 $menuItemToggle.attr('aria-expanded', 'true'); 628 }, 629 hideSubmenu($menuItem){ 630 var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); 631 var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); 632 var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); 633 634 $menuItemSubMenu.slideUp(); 635 636 $menuItem.removeClass('has-submenu-open'); 637 $menuItemTitle.attr('aria-expanded', 'false'); 638 $menuItemToggle.attr('aria-expanded', 'false'); 639 }, 640 handleSubmenuToggleClick(e) { 641 var $parentMenuItem; 642 643 if ($(e.currentTarget).hasClass('p-menu__item__submenu-toggle__button')) { 644 $parentMenuItem = $(e.currentTarget).closest('.p-menu__item'); 645 } 646 else { 647 $parentMenuItem = $(e.currentTarget).closest('.p-menu__item__submenu__item'); 648 } 649 650 if ($parentMenuItem.hasClass('has-submenu-open')) { 651 this.hideSubmenu($parentMenuItem); 652 } 653 else { 654 this.showSubmenu($parentMenuItem); 655 } 656 }, 657 handleMenuItemMouseEnter(e) { 658 this.toggleOnHoverStyling($(e.currentTarget), "enter"); 659 }, 660 handleMenuItemMouseLeave(e) { 661 this.toggleOnHoverStyling($(e.currentTarget), "leave"); 662 }, 663 toggleOnActiveStyling($menuItem) { 664 665 var $menuItemTitle; 666 if ($menuItem.children().children().hasClass('is-active')) { 667 if ($menuItem.hasClass('p-menu__item')) { 668 $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 669 // Set the active color 670 if (1 == 1) { 671 var color = "white"; 672 var onActiveColor = "two"; 673 var onActiveColorCustom = ""; 674 675 // Apply new active color 676 if (onActiveColorCustom) { 677 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 678 $menuItemTitle.css("color", onActiveColorCustom); 679 } else { 680 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 681 $menuItemTitle.addClass('u-color-' + onActiveColor); 682 } 683 } 684 if (1 == 2) { 685 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 686 $menuItemTitle.addClass(fontFamily); 687 } 688 } else { 689 $menuItemTitle = $menuItem.find('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 690 if (1 == 1) { 691 var color = "eight"; 692 var onActiveColor = "one"; 693 var onActiveColorCustom = ""; 694 695 // Apply new active color 696 if (onActiveColorCustom) { 697 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 698 $menuItemTitle.css("color", onActiveColorCustom); 699 } else { 700 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 701 $menuItemTitle.addClass('u-color-' + onActiveColor); 702 } 703 } 704 if (1 == 2) { 705 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 706 $menuItemTitle.addClass(fontFamily); 707 } 708 } 709 } 710 711 }, 712 toggleOnHoverStyling($menuItem, action){ 713 714 } 715 }; 716 } 717 </script>
717 718 719 720 721 722 723 </nav> 724 725 </div> 726 727 728 729 <div class="s-header__mobile__open__wrapper-five"> 730 <div class="s-header__mobile__social"> 731 732 733 734 <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center" aria-label="Social Media links"> 735 <ul class="w-social-networks__items w-social-networks__items--align-center" role="list"> 736 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://x.com/infocast_events" target="_blank" rel="noopener noreferrer" title="X" aria-label="X" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-x-twitter u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 737 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://www.facebook.com/InfocastEvent" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-facebook u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 738 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-color-white u-border-radius-shape-circle" href="https://www.linkedin.com/company/infocast" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn" style=" border-color: rgba(255, 255, 255, 0.5)"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 739 </ul> 740</div> 741 </div> 742 </div> 743 744 </div> 745 </div> 746 747
747<script> 748 function composerStructureHeaderMobile() { 749 const openMobileMenu = document.querySelector('.s-header__mobile__open'); 750 751 return { 752 anchorScrollBound: false, 753 openMenu() { 754 openMobileMenu.classList.add('is-open'); 755 document.body.style.overflow = 'hidden'; 756 }, 757 closeMenu() { 758 openMobileMenu.classList.remove('is-open'); 759 document.body.style.overflow = ''; 760 }, 761 handleOnOpenClick(e){ 762 this.openMenu(); 763 }, 764 handleOnCloseClick(e){ 765 this.closeMenu(); 766 }, 767 handleOnWindowResize(){ 768 if (window.matchMedia("(min-width: 1240px)").matches) { 769 this.closeMenu(); 770 } 771 }, 772 // Temporary fix for mobile menu anchors not closing the menu - CII-468 773 handleAnchorScroll(){ 774 if (this.anchorScrollBound) { 775 return; 776 } 777 778 this.anchorScrollBound = true; 779 openMobileMenu.querySelectorAll('.p-menu__item__submenu__item__link[href*="#"]').forEach(link => { 780 link.addEventListener('click', () => { 781 this.closeMenu(); 782 }); 783 }); 784 } 785 }; 786 } 787 </script>
787 788 789 790 </div> 791 792 793 794 795 796 <div class="s-header__default s-header__default--style-6 s-header__default--id-100279 has-header-width-full-width" data-panel-id="100279"> 797 <div class="s-header__default__container u-layout-container-full-viewport"> 798 <div class="s-header__default__container__inner"> 799 800 <div class="s-header__default__background"> 801 802 <div class="s-header__default__background__color u-background-color-white"></div> 803 804 805 </div> 806 807 <div class="s-header__default__container__inner__container u-layout-container-full-width"> 808 <div class="s-header__default__container__inner__container__inner"> 809 <div class="s-header__default__wrapper-one"> 810 811 <div class="s-header__default__logo" style="width: 200px;"> 812 813 814 815 <div class="w-image w-image--id-uid_784B5 w-image--style-1 w-image--style-1--align-center"> 816 <div class="w-image__container"> 817 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" alt="Infocast" src="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/Logos/infocast-clarion-web-logo-color.png/fit-in/2048x4096/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/Logos/infocast-clarion-web-logo-color.png/fit-in/4096x8192/filters:no_upscale() 2x" /> </a> 818 </div> 819</div> 820 </div> 821 822 </div> 823 <div class="s-header__default__wrapper-two" style="margin-inline-start: 224px;"> 824 <div class="s-header__default__wrapper-two__wrapper-one"> 825 826 <div class="s-header__default__wrapper-two__wrapper-one__wrapper-two"> 827 828 829 830 </div> 831 </div> 832 <div class="s-header__default__wrapper-two__wrapper-two"> 833 <div class="s-header__default__wrapper-two__wrapper-two__wrapper-one"> 834 835 836 <nav class="s-header__default__navigation" role="navigation" aria-label="Main Menu"> 837 838 <!--seed:3890D5647B2B68EDAAA22BA52EC94F69A012C3F8--> 839 840 841 842 <ul class="p-menu--dropdown p-menu--dropdown--id-1FE6D is-loading" x-data="composerPatternMenuDropdown({id: '1FE6D'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="1FE6D"> 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 860 861 862 863 <a href="event" target="_self" class="p-menu__item__link u-color-text u-font-two u-text-uppercase u-font-two-size-large"> 864 Events 865 </a> 866 867 868 869 870 </li> 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 887 888 889 890 <a href="sponsor" target="_self" class="p-menu__item__link u-color-text u-font-two u-text-uppercase u-font-two-size-large"> 891 Sponsor 892 </a> 893 894 895 896 897 </li> 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 914 915 916 917 <a href="speak" target="_self" class="p-menu__item__link u-color-text u-font-two u-text-uppercase u-font-two-size-large"> 918 Speak 919 </a> 920 921 922 923 924 </li> 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 941 942 943 944 <a href="contact-us" target="_self" class="is-active p-menu__item__link u-color-text u-font-two u-text-uppercase u-font-two-size-large"> 945 Contact Us 946 </a> 947 948 949 950 951 </li> 952 953 954 <li class="p-menu__item p-menu__item--more has-submenu" title="Contact Us" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 955 <button class="p-menu__item__submenu-toggle u-color-text u-font-two u-text-uppercase u-font-two-size-large" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 956 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button">
957 <span class="p-menu__item__text">More</span> 958 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 959 <span class="u-screen-reader-only">Show more menu items</span> 960 </button> 961 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> 962 </li> 963 964 </ul> 965 966
966<script> 967 function composerPatternMenuDropdown(params) { 968 return { 969 id: params.id, 970 config: { 971 classes: { 972 mainMenuItem : 'p-menu__item', 973 mainMenuItemLink: 'p-menu__item__link u-color-text u-font-two u-text-uppercase u-font-two-size-large', 974 mainMenuItemText: 'p-menu__item__text u-color-text u-font-two u-text-uppercase u-font-two-size-large', 975 mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-color-text u-font-two u-text-uppercase u-font-two-size-large', 976 mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', 977 mainMenuItemCustomStyles: '', 978 subMenuItemClass:'p-menu__item__submenu__item', 979 subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text', 980 subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-text', 981 subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-text', 982 subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', 983 subMenuItemCustomStyles:'' 984 } 985 }, 986 init() { 987 this.fitMenu(); 988 this.setActiveMenuItem(); 989 }, 990 setActiveMenuItem() { 991 var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 992 this.toggleOnActiveStyling($activeMenuItem); 993 }, 994 fitMenu() { 995 var menu = $('.p-menu--dropdown--id-' + this.id); 996 997 menu.addClass('is-loading'); 998 999 if (menu.is(':visible')) { 1000 var menuItemsWidth = 0; 1001 var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); 1002 1003 menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { 1004 menuItemsWidth += $(this).outerWidth( true ); 1005 });
1006 1007 var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; 1008 1009 if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { 1010 var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); 1011 1012 lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); 1013 lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); 1014 lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); 1015 lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); 1016 lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); 1017 lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); 1018 1019 var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); 1020 1021 lastParentMenuItemSubmenus.each(function() { 1022 var currentClasses = $(this).attr('class'); 1023 1024 var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); 1025 1026 if (currentLevelMatch) { 1027 var currentLevel = parseInt(currentLevelMatch[1]); 1028 var newLevel = currentLevel + 1; 1029 var newClasses = currentClasses.replace(currentLevelMatch[0], ''); 1030 1031 newClasses += ' p-menu__item__submenu--level-' + newLevel; 1032 1033 $(this).attr('class', newClasses); 1034 } 1035 }); 1036 1037 lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); 1038 1039 this.fitMenu(); 1040 } else { 1041 var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); 1042 1043 if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { 1044 firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); 1045 firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); 1046 firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); 1047 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); 1048 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); 1049 firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); 1050 1051 this.fitMenu(); 1052 } 1053 } 1054 1055 if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { 1056 menu.find('.p-menu__item--more').show(); 1057 } else { 1058 menu.find('.p-menu__item--more').hide(); 1059 } 1060 1061 this.setActiveMenuItem(); 1062 1063 menu.removeClass('is-loading'); 1064 } 1065 }, 1066 showSubmenu($menuItem){ 1067 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 1068 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 1069 1070 $menuItem.addClass('has-submenu-open'); 1071 $menuItemTitle.attr('aria-expanded', 'true'); 1072 $menuItemToggle.attr('aria-expanded', 'true'); 1073 }, 1074 hideSubmenu($menuItem){ 1075 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 1076 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 1077 1078 $menuItem.removeClass('has-submenu-open'); 1079 $menuItemTitle.attr('aria-expanded', 'false'); 1080 $menuItemToggle.attr('aria-expanded', 'false'); 1081 }, 1082 toggleOnActiveStyling($menuItem){ 1083 var $menuItemTitle; 1084 if ($menuItem.children().hasClass('is-active')) { 1085 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 1086 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1087 // Set the active color 1088 if (1 == 1) { 1089 var color = "text"; 1090 var onActiveColor = "two"; 1091 var onActiveColorCustom = ""; 1092 1093 // Apply new active color 1094 if (onActiveColorCustom) { 1095 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1096 $menuItemTitle.css("color", onActiveColorCustom); 1097 } else { 1098 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1099 $menuItemTitle.addClass('u-color-' + onActiveColor); 1100 } 1101 } 1102 if (1 == 2) { 1103 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1104 $menuItemTitle.addClass(fontFamily); 1105 } 1106 } else { 1107 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1108 if (1 == 1) { 1109 var color = "text"; 1110 var onActiveColor = "two"; 1111 var onActiveColorCustom = ""; 1112 1113 // Apply new active color 1114 if (onActiveColorCustom) { 1115 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1116 $menuItemTitle.css("color", onActiveColorCustom); 1117 } else { 1118 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1119 $menuItemTitle.addClass('u-color-' + onActiveColor); 1120 } 1121 } 1122 if (1 == 2) { 1123 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1124 $menuItemTitle.addClass(fontFamily); 1125 } 1126 } 1127 } 1128 }, 1129 toggleOnHoverStyling($menuItem, action){ 1130 var $menuItemTitle; 1131 1132 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 1133 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1134 1135 if (!$menuItemTitle.hasClass('is-active')){ 1136 if (1 == 1) { 1137 toggleColor("main"); 1138 } 1139 } 1140 } 1141 else { 1142 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1143 1144 if (!$menuItemTitle.hasClass('is-active')){ 1145 if (1 == 1) { 1146 toggleColor("sub"); 1147 } 1148 } 1149 } 1150 1151 function toggleColor(level) { 1152 var color = level == "main" ? "text" : "text"; 1153 var colorType = color == "custom" ? "style" : "class"; 1154 var colorCustom = level == "main" ? "" : ""; 1155 var onHoverColor = level == "main" ? "two" : "two"; 1156 var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; 1157 var onHoverColorCustom = level == "main" ? "" : ""; 1158 1159 if (colorType == "class") {
1160 if (onHoverColorType == "class") { 1161 if (action == "enter") { 1162 $menuItemTitle.removeClass('u-color-' + color); 1163 $menuItemTitle.addClass('u-color-' + onHoverColor); 1164 } 1165 else { 1166 $menuItemTitle.removeClass('u-color-' + onHoverColor); 1167 $menuItemTitle.addClass('u-color-' + color); 1168 } 1169 } 1170 else { 1171 if (action == "enter") { 1172 $menuItemTitle.removeClass('u-color-' + color); 1173 $menuItemTitle.css("color", onHoverColorCustom); 1174 } 1175 else { 1176 $menuItemTitle.addClass('u-color-' + color); 1177 $menuItemTitle.css("color", ""); 1178 } 1179 } 1180 } 1181 else { 1182 if (onHoverColorType == "class") { 1183 if (action == "enter") { 1184 $menuItemTitle.css("color", ""); 1185 $menuItemTitle.addClass('u-color-' + onHoverColor); 1186 } 1187 else { 1188 $menuItemTitle.css("color", colorCustom); 1189 $menuItemTitle.removeClass('u-color-' + onHoverColor); 1190 } 1191 } 1192 else { 1193 if (action == "enter") { 1194 $menuItemTitle.css("color", onHoverColorCustom); 1195 } 1196 else { 1197 $menuItemTitle.css("color", colorCustom); 1198 } 1199 } 1200 } 1201 } 1202 }, 1203 handleMenuItemMouseEnter(e) { 1204 this.showSubmenu($(e.target)); 1205 this.toggleOnHoverStyling($(e.target), "enter"); 1206 }, 1207 handleMenuItemMouseLeave(e) { 1208 this.hideSubmenu($(e.target)); 1209 this.toggleOnHoverStyling($(e.target), "leave"); 1210 }, 1211 handleSubmenuToggleClick(e) { 1212 var $parentMenuItem = $(e.target).parent('.p-menu__item'); 1213 1214 if ($parentMenuItem.hasClass('has-submenu-open')) { 1215 this.hideSubmenu($parentMenuItem); 1216 } 1217 else { 1218 this.showSubmenu($parentMenuItem); 1219 } 1220 } 1221 }; 1222 } 1223 </script>
1223 1224 1225 1226 1227 1228 1229 </nav> 1230 1231 </div> 1232 <div class="s-header__default__wrapper-two__wrapper-two__wrapper-two"> 1233 1234 1235 1236 <div class="s-header__default__call-to-actions"> 1237 1238 1239 1240 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-right"> 1241 <div class="w-button w-button--style-2 w-button--style-2--align-left w-button--style-2--size-normal w-button--style-2--width-auto"> 1242 <a class="w-button__button " role="button" aria-label="Find an Event" href="event"><span class="w-button__button__text">Find an Event</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 1243 </div> 1244</div> 1245 </div> 1246 1247 </div> 1248 </div> 1249 </div> 1250 </div> 1251 </div> 1252 </div> 1253 </div> 1254 </div> 1255 1256 1257 <template x-if="isHeaderDefaultStickyVisible"> 1258 1259 1260 1261 1262 <div class="s-header__sticky s-header__sticky--style-1 s-header__sticky--id-100279" x-bind:class="{ 'is-visible': isHeaderDefaultStickyVisible }" data-panel-id="100279"> 1263 <div class="s-header__default__container u-layout-container-full-viewport"> 1264 <div class="s-header__default__container__inner u-border-bottom-solid-1 u-border-bottom-color-eight"> 1265 1266 <div class="s-header__sticky__background"> 1267 1268 <div class="s-header__sticky__background__color u-background-color-one"></div> 1269 1270 1271 </div> 1272 1273 <div class="s-header__sticky__wrapper-one"> 1274 <div class="s-header__sticky__wrapper-one__container u-layout-container-default"> 1275 <div class="s-header__sticky__wrapper-one__wrapper-one"> 1276 1277 <div class="s-header__sticky__logo"> 1278 1279 1280 1281 <div class="w-image w-image--id-uid_A018D w-image--style-1 w-image--style-1--align-left"> 1282 <div class="w-image__container" style="width: 200px;"> 1283 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="200" alt="Infocast" src="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/Logos/infocast-clarion-web-logo-v2.png/fit-in/200x400/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/Logos/infocast-clarion-web-logo-v2.png/fit-in/400x800/filters:no_upscale() 2x" /> </a> 1284 </div> 1285</div> 1286 </div> 1287 1288 1289 </div> 1290 1291 1292 <div class="s-header__sticky__wrapper-one__wrapper-two"> 1293 <nav class="s-header__sticky__navigation" aria-label="Main Menu"> 1294 1295 1296 1297 1298 <!--seed:A41DA6610BF8EF748A1DE94A2459D3E02CABEC1E--> 1299 1300 1301 1302 <ul class="p-menu--dropdown p-menu--dropdown--id-50503 is-loading" x-data="composerPatternMenuDropdown({id: '50503'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="50503"> 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1320 1321 1322 1323 <a href="event" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large"> 1324 Events 1325 </a> 1326 1327 1328 1329 1330 </li> 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1347 1348 1349 1350 <a href="sponsor" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large"> 1351 Sponsor 1352 </a> 1353 1354 1355 1356 1357 </li> 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1374 1375 1376 1377 <a href="speak" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large"> 1378 Speak 1379 </a> 1380 1381 1382 1383 1384 </li> 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1401 1402 1403 1404 <a href="contact-us" target="_self" class="is-active p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large"> 1405 Contact Us 1406 </a> 1407 1408 1409 1410 1411 </li> 1412 1413 1414 <li class="p-menu__item p-menu__item--more has-submenu" title="Contact Us" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1415 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 1416 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button">
1417 <span class="p-menu__item__text">More</span> 1418 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 1419 <span class="u-screen-reader-only">Show more menu items</span> 1420 </button> 1421 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> 1422 </li> 1423 1424 </ul> 1425 1426
1426<script> 1427 function composerPatternMenuDropdown(params) { 1428 return { 1429 id: params.id, 1430 config: { 1431 classes: { 1432 mainMenuItem : 'p-menu__item', 1433 mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large', 1434 mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large', 1435 mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large', 1436 mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', 1437 mainMenuItemCustomStyles: '', 1438 subMenuItemClass:'p-menu__item__submenu__item', 1439 subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-white u-font-one-weight-bold u-color-text', 1440 subMenuItemText:'p-menu__item__submenu__item__text u-background-color-white u-font-one-weight-bold u-color-text', 1441 subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-white u-font-one-weight-bold u-color-text', 1442 subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', 1443 subMenuItemCustomStyles:'' 1444 } 1445 }, 1446 init() { 1447 this.fitMenu(); 1448 this.setActiveMenuItem(); 1449 }, 1450 setActiveMenuItem() { 1451 var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 1452 this.toggleOnActiveStyling($activeMenuItem); 1453 }, 1454 fitMenu() { 1455 var menu = $('.p-menu--dropdown--id-' + this.id); 1456 1457 menu.addClass('is-loading'); 1458 1459 if (menu.is(':visible')) { 1460 var menuItemsWidth = 0; 1461 var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); 1462 1463 menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { 1464 menuItemsWidth += $(this).outerWidth( true ); 1465 });
1466 1467 var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; 1468 1469 if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { 1470 var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); 1471 1472 lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); 1473 lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); 1474 lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); 1475 lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); 1476 lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); 1477 lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); 1478 1479 var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); 1480 1481 lastParentMenuItemSubmenus.each(function() { 1482 var currentClasses = $(this).attr('class'); 1483 1484 var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); 1485 1486 if (currentLevelMatch) { 1487 var currentLevel = parseInt(currentLevelMatch[1]); 1488 var newLevel = currentLevel + 1; 1489 var newClasses = currentClasses.replace(currentLevelMatch[0], ''); 1490 1491 newClasses += ' p-menu__item__submenu--level-' + newLevel; 1492 1493 $(this).attr('class', newClasses); 1494 } 1495 }); 1496 1497 lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); 1498 1499 this.fitMenu(); 1500 } else { 1501 var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); 1502 1503 if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { 1504 firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); 1505 firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); 1506 firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); 1507 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); 1508 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); 1509 firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); 1510 1511 this.fitMenu(); 1512 } 1513 } 1514 1515 if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { 1516 menu.find('.p-menu__item--more').show(); 1517 } else { 1518 menu.find('.p-menu__item--more').hide(); 1519 } 1520 1521 this.setActiveMenuItem(); 1522 1523 menu.removeClass('is-loading'); 1524 } 1525 }, 1526 showSubmenu($menuItem){ 1527 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 1528 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 1529 1530 $menuItem.addClass('has-submenu-open'); 1531 $menuItemTitle.attr('aria-expanded', 'true'); 1532 $menuItemToggle.attr('aria-expanded', 'true'); 1533 }, 1534 hideSubmenu($menuItem){ 1535 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 1536 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 1537 1538 $menuItem.removeClass('has-submenu-open'); 1539 $menuItemTitle.attr('aria-expanded', 'false'); 1540 $menuItemToggle.attr('aria-expanded', 'false'); 1541 }, 1542 toggleOnActiveStyling($menuItem){ 1543 var $menuItemTitle; 1544 if ($menuItem.children().hasClass('is-active')) { 1545 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 1546 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1547 // Set the active color 1548 if (1 == 1) { 1549 var color = "white"; 1550 var onActiveColor = "two"; 1551 var onActiveColorCustom = ""; 1552 1553 // Apply new active color 1554 if (onActiveColorCustom) { 1555 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1556 $menuItemTitle.css("color", onActiveColorCustom); 1557 } else { 1558 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1559 $menuItemTitle.addClass('u-color-' + onActiveColor); 1560 } 1561 } 1562 if (1 == 2) { 1563 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1564 $menuItemTitle.addClass(fontFamily); 1565 } 1566 } else { 1567 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1568 if (1 == 1) { 1569 var color = "text"; 1570 var onActiveColor = "two"; 1571 var onActiveColorCustom = ""; 1572 1573 // Apply new active color 1574 if (onActiveColorCustom) { 1575 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1576 $menuItemTitle.css("color", onActiveColorCustom); 1577 } else { 1578 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1579 $menuItemTitle.addClass('u-color-' + onActiveColor); 1580 } 1581 } 1582 if (1 == 2) { 1583 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1584 $menuItemTitle.addClass(fontFamily); 1585 } 1586 } 1587 } 1588 }, 1589 toggleOnHoverStyling($menuItem, action){ 1590 var $menuItemTitle; 1591 1592 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 1593 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1594 1595 if (!$menuItemTitle.hasClass('is-active')){ 1596 if (1 == 1) { 1597 toggleColor("main"); 1598 } 1599 } 1600 } 1601 else { 1602 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1603 1604 if (!$menuItemTitle.hasClass('is-active')){ 1605 if (1 == 1) { 1606 toggleColor("sub"); 1607 } 1608 } 1609 } 1610 1611 function toggleColor(level) { 1612 var color = level == "main" ? "white" : "text"; 1613 var colorType = color == "custom" ? "style" : "class"; 1614 var colorCustom = level == "main" ? "" : ""; 1615 var onHoverColor = level == "main" ? "two" : "two"; 1616 var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; 1617 var onHoverColorCustom = level == "main" ? "" : ""; 1618 1619 if (colorType == "class") {
1620 if (onHoverColorType == "class") { 1621 if (action == "enter") { 1622 $menuItemTitle.removeClass('u-color-' + color); 1623 $menuItemTitle.addClass('u-color-' + onHoverColor); 1624 } 1625 else { 1626 $menuItemTitle.removeClass('u-color-' + onHoverColor); 1627 $menuItemTitle.addClass('u-color-' + color); 1628 } 1629 } 1630 else { 1631 if (action == "enter") { 1632 $menuItemTitle.removeClass('u-color-' + color); 1633 $menuItemTitle.css("color", onHoverColorCustom); 1634 } 1635 else { 1636 $menuItemTitle.addClass('u-color-' + color); 1637 $menuItemTitle.css("color", ""); 1638 } 1639 } 1640 } 1641 else { 1642 if (onHoverColorType == "class") { 1643 if (action == "enter") { 1644 $menuItemTitle.css("color", ""); 1645 $menuItemTitle.addClass('u-color-' + onHoverColor); 1646 } 1647 else { 1648 $menuItemTitle.css("color", colorCustom); 1649 $menuItemTitle.removeClass('u-color-' + onHoverColor); 1650 } 1651 } 1652 else { 1653 if (action == "enter") { 1654 $menuItemTitle.css("color", onHoverColorCustom); 1655 } 1656 else { 1657 $menuItemTitle.css("color", colorCustom); 1658 } 1659 } 1660 } 1661 } 1662 }, 1663 handleMenuItemMouseEnter(e) { 1664 this.showSubmenu($(e.target)); 1665 this.toggleOnHoverStyling($(e.target), "enter"); 1666 }, 1667 handleMenuItemMouseLeave(e) { 1668 this.hideSubmenu($(e.target)); 1669 this.toggleOnHoverStyling($(e.target), "leave"); 1670 }, 1671 handleSubmenuToggleClick(e) { 1672 var $parentMenuItem = $(e.target).parent('.p-menu__item'); 1673 1674 if ($parentMenuItem.hasClass('has-submenu-open')) { 1675 this.hideSubmenu($parentMenuItem); 1676 } 1677 else { 1678 this.showSubmenu($parentMenuItem); 1679 } 1680 } 1681 }; 1682 } 1683 </script>
1683 1684 1685 1686 1687 1688 1689 </nav> 1690 </div> 1691 1692 1693 <div class="s-header__sticky__wrapper-one__wrapper-three"> 1694 <div class="s-header__sticky__call-to-actions"> 1695 1696 1697 1698 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--align-right"> 1699 <div class="w-button w-button--style-2 w-button--style-2--align-left w-button--style-2--size-normal w-button--style-2--width-auto"> 1700 <a class="w-button__button " role="button" aria-label="Find an Event" href="event"><span class="w-button__button__text">Find an Event</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 1701 </div> 1702</div> 1703 </div> 1704 </div> 1705 1706 </div> 1707 </div> 1708 </div> 1709 </div> 1710 </div> 1711 1712 </template> 1713 1714 1715
1715<script> 1716 function composerSetHeaderHeight(root) { 1717 if (!root || !root.classList.contains("s-header")) { 1718 return; 1719 } 1720 1721 var isDesktop = window.matchMedia("(min-width: 1240px)").matches; 1722 var headerEl = isDesktop ? root.querySelector(".s-header__default") : root.querySelector(".s-header__mobile"); 1723 1724 if (!headerEl) { 1725 return; 1726 } 1727 1728 // Style 7 is a fixed sidebar; its rendered height is the viewport, not a hero offset. 1729 if (isDesktop && headerEl.classList.contains("s-header__default--style-7")) { 1730 document.documentElement.style.setProperty("--structure-header-height", "0px"); 1731 document.documentElement.style.setProperty("--structure-hero-padding-top", "0px"); 1732 document.documentElement.style.setProperty("--structure-hero-height-offset", "0px"); 1733 return; 1734 } 1735 1736 var headerHeight = headerEl.offsetHeight || 0; 1737 var isAbsolute = isDesktop ? root.classList.contains("is-desktop-position-absolute") : root.classList.contains("is-mobile-position-absolute"); 1738 1739 document.documentElement.style.setProperty("--structure-header-height", headerHeight + "px"); 1740 document.documentElement.style.setProperty("--structure-hero-padding-top", isAbsolute ? headerHeight + "px" : "0px"); 1741 document.documentElement.style.setProperty("--structure-hero-height-offset", (isDesktop && !isAbsolute) ? headerHeight + "px" : "0px"); 1742 } 1743 1744 composerSetHeaderHeight(document.currentScript && document.currentScript.parentElement); 1745 1746 function composerStructureHeader(params) { 1747 return { 1748 id: params.id, 1749 isHeaderDefaultSticky: params.isSticky, 1750 isHeaderDefaultStickyVisible: false, 1751 init() { 1752 this.setHeaderHeight(); 1753 this.toggleHeaderStickyVisibility(); 1754 }, 1755 setHeaderHeight() { 1756 composerSetHeaderHeight(this.$el); 1757 }, 1758 toggleHeaderStickyVisibility() { 1759 if (this.isHeaderDefaultSticky && window.matchMedia("(min-width: 1240px)").matches) { 1760 if($(window).scrollTop() > $(".s-header__default--id-" + this.id).outerHeight()) { 1761 this.isHeaderDefaultStickyVisible = true; 1762 gsap.to(".s-header__sticky--id-" + this.id, {y: "0%", duration: 0.2, delay: 0.1}); 1763 1764 document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__sticky--id-" + this.id).outerHeight() + "px"); 1765 } 1766 else { 1767 this.isHeaderDefaultStickyVisible = false; 1768 document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__default--id-" + this.id).outerHeight() + "px"); 1769 } 1770 } 1771 }, 1772 handleOnWindowScroll() { 1773 this.toggleHeaderStickyVisibility(); 1774 }, 1775 handleOnWindowResize() { 1776 this.setHeaderHeight(); 1777 this.toggleHeaderStickyVisibility(); 1778 }, 1779 handleOnWindowLoad() { 1780 this.setHeaderHeight(); 1781 } 1782 } 1783 } 1784 </script>
1784 1785 1786 1787 </header> 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 <link rel="preload" as="image" href="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1920x9999/filters:no_upscale()" imagesrcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1200x9999/filters:no_upscale() 1200w, https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1600x9999/filters:no_upscale() 1600w, https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1920x9999/filters:no_upscale() 1920w" imagesizes="100vw" media="(min-width: 1240px)" fetchpriority="high" /><link rel="preload" as="image" href="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1200x9999/filters:no_upscale()" imagesrcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/800x9999/filters:no_upscale() 800w, https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1200x9999/filters:no_upscale() 1200w" imagesizes="100vw" media="(max-width: 1239px)" fetchpriority="high" /> 1799 <section class="s-hero" role="region" aria-label="Hero Content" x-data="composerStructureHero" x-on:resize.window.debounce.50ms="handleOnWindowResize"> 1800 <div class="s-hero__mobile"> 1801 1802 1803 <div class="s-hero__mobile__image s-hero__mobile__image--style-1 has-main-aligned-center" style="min-height: 20vh" data-panel-id="106368"> 1804 <div class="s-hero__mobile__image__container u-layout-container-full-viewport"> 1805 1806 1807 <div class="s-hero__mobile__image__image"> 1808 1809 1810 1811 1812 1813 1814 1815 1816 <img class="s-hero__mobile__image__image__image" src="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1200x9999/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/800x9999/filters:no_upscale() 800w, https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1200x9999/filters:no_upscale() 1200w" sizes="100vw" alt="Business professionals networking in a lobby" loading="eager" decoding="async"/> 1817 1818 1819 1820 1821 <div class="s-hero__mobile__image__image__overlay u-background-color-one" style="opacity: 0.84;"></div> 1822 1823 </div> 1824 1825 <div class="s-hero__mobile__image__container__inner u-layout-container-default"> 1826 <div class="s-hero__mobile__image__main"> 1827 1828 <div class="s-hero__mobile__image__main__header"> 1829 <h1 class="s-hero__mobile__image__main__header__title u-color-white u-font-two u-font-two-size-ultra-x-large u-font-two-weight-bold u-text-uppercase u-text-wrap-balance"> 1830 Contact Us 1831 </h1> 1832 </div> 1833 1834 1835 <div class="s-hero__mobile__image__main__body"> 1836 <div class="s-hero__mobile__image__main__body__content u-color-white u-font-one u-font-one-size-normal"> 1837 <p>Please contact us using the form below.</p> 1838 1839 </div> 1840 </div> 1841 1842 </div> 1843 </div> 1844 </div> 1845 </div> 1846 1847 1848 </div> 1849 <div class="s-hero__default"> 1850 1851 1852 <div class="s-hero__default__image s-hero__default__image--style-1 has-main-aligned-center" style="min-height: 30vh" data-panel-id="106368"> 1853 <div class="s-hero__default__image__container u-layout-container-full-viewport"> 1854 1855 1856 <div class="s-hero__default__image__image"> 1857 1858 1859 1860 1861 1862 1863 1864 1865 <img class="s-hero__default__image__image__image" src="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1920x9999/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1200x9999/filters:no_upscale() 1200w, https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1600x9999/filters:no_upscale() 1600w, https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/hero/lobby-networking.webp/fit-in/1920x9999/filters:no_upscale() 1920w" sizes="100vw" alt="Bu
1865siness professionals networking in a lobby" loading="eager" decoding="async"/> 1866 1867 1868 1869 1870 <div class="s-hero__default__image__image__overlay u-background-color-one" style="opacity: 0.77;"></div> 1871 1872 </div> 1873 1874 <div class="s-hero__default__image__container__inner u-layout-container-default"> 1875 <div class="s-hero__default__image__main"> 1876 1877 <div class="s-hero__default__image__main__header"> 1878 <h1 class="s-hero__default__image__main__header__title u-color-white u-font-two u-font-two-size-ultra-xx-large u-font-two-weight-bold u-text-uppercase u-text-wrap-balance"> 1879 Contact Us 1880 </h1> 1881 </div> 1882 1883 1884 <div class="s-hero__default__image__main__body"> 1885 <div class="s-hero__default__image__main__body__content u-color-white u-font-one u-font-one-size-large"> 1886 <p style="text-align: center;"><strong>Please contact us using the form below.</strong></p> 1887 1888 </div> 1889 </div> 1890 1891 </div> 1892 </div> 1893 </div> 1894 </div> 1895 1896 1897 </div> 1898 1899
1899<script> 1900 function composerStructureHero() { 1901 return { 1902 init() { 1903 this.initHeroMobileVideo(); 1904 }, 1905 initHeroMobileVideo() { 1906 // Note: fixes video not autoplaying on iOS (feedback: 377). 1907 if (window.matchMedia("(min-width: 1240px)").matches) { 1908 return; 1909 } 1910 1911 var video = $(this.$el).find(".s-hero__mobile__video__video__video").get(0); 1912 1913 if (video) { 1914 video.play().catch(function () {}); 1915 } 1916 }, 1917 handleOnWindowResize() { 1918 this.initHeroMobileVideo(); 1919 } 1920 }; 1921 } 1922 </script>
1922 1923 1924 1925 </section> 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 <div class="s-page-title" x-data="composerStructurePageTitle" x-init="init" x-on:resize.window.throttle.250ms="handleOnWindowResize"> 1940 1941 1942 <div class="s-page-title__default s-page-title__default--style-2 s-page-title__default--id-100280" role="region" aria-labelledby="page-title" data-panel-id="100280" style="min-height: 10vh"> 1943 <div class="s-page-title__default__container u-layout-container-full-viewport"> 1944 1945 <div class="s-page-title__default__background"> 1946 1947 <div class="s-page-title__default__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image: url('https://cdn.asp.events/CLIENT_CL_US_323E7AA7_5056_B733_8303D39C538813E0/sites/infocast/media/images/sponsor-hero-1.png/fit-in/2048x9999/filters:no_upscale()');"></div> 1948 1949 1950 <div class="s-page-title__default__background__overlay u-background-color-one" style="opacity: 0.69;"></div> 1951 1952 </div> 1953 1954 <div class="s-page-title__default__container__inner u-layout-container-default "> 1955 1956 1957 1958 <h1 class="s-page-title__default__title u-color-white u-font-two u-font-two-size-ultra-xx-large u-text-uppercase"> 1959 Contact Us 1960 </h1> 1961 1962 1963 1964 </div> 1965 </div> 1966 </div> 1967 1968 1969
1969<script> 1970 function composerStructurePageTitle() { 1971 return { 1972 init() { 1973 window.onload = () => { 1974 this.setCssVariables(); 1975 }; 1976 }, 1977 setCssVariables() { 1978 if (window.matchMedia("(max-width: 1279px)").matches) { 1979 if ($(".s-header__mobile").hasClass("is-position-absolute")) { 1980 document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__mobile").outerHeight() + "px"); 1981 } 1982 else { 1983 document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); 1984 } 1985 } else { 1986 if ($(".s-header__default").hasClass("is-position-absolute")) { 1987 // Changed Padding to be inline on .s-page-title__default than through the --structure-page-title-padding-top variable to avoid the page title jump when header is absolute - CII-626 1988 $(".s-page-title__default").css( "padding-top", $(".s-header__default").hasClass("s-header__default--style-7") ? "0px" : $(".s-header__default").outerHeight() + "px" ); 1989 } else { 1990 $(".s-page-title__default").css("padding-top", "0px"); 1991 } 1992 } 1993 }, 1994 handleOnWindowResize() { 1995 this.setCssVariables(); 1996 } 1997 }; 1998 } 1999 </script>
1999 2000 2001 </div> 2002 2003 2004 2005 2006 <div id="main-content" class="s-main"> 2007 2008 2009 2010 2011 2012 2013 2014 2015 <main class="s-main__content" role="main" aria-label="Main Content"> 2016 2017 2018 2019 2020 <section class="p-section p-section--id-1 p-section--uid-109178 p-section--style-1 has-margin-top has-margin-bottom"> 2021 <a class="anchor" name="FORM"></a> 2022 <div class="p-section__container u-layout-container-full-viewport"> 2023 <div class="p-section__container__inner" style=""> 2024 <div class="p-section__container__inner__container u-layout-container-default"> 2025 <div class="p-section__header u-text-align-center"> 2026 </div> 2027 <div class="p-section__body"> 2028 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 2029 <div class="p-section__body__articles__article p-section__body__article--id-1"> 2030 <div class="p-article p-article--style-1"> 2031 <div class="p-article__wrapper-two"> 2032 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 2033 2034 2035 2036 2037 2038 2039 <form name="Contact Us Form" id="A0938102-7107-4FDD-A3B9A51F84DDB85C" action="__form/form" ajaxaction="__form/getNextFormPage" class="js-formbuilder-form" formname="Contact Us Form" method="POST"> 2040
2040<script type='text/javascript'> 2041 if (typeof $script === 'undefined') { 2042 $.getScript('/__includes/js/script.min.js', function(){ 2043 $script('/__includes/js/formpages.js'); 2044 }); 2045 } 2046 else { 2047 $script('/__includes/js/formpages.js'); 2048 } 2049 2050 var formtranslations={"cb_formfield_media_remove":"tick here to remove","cb_formfield_tags_hint":"* Tags are automatically pre-populated. More will be added as you add/edit content (and can be added manually too).","cb_form_error_badContent":"The conntent of this field is not valid","cb_form_field_text_verify":"Re-enter to verify: {-{field}}","cb_form_error_maxlength":"Maximum character limit exceeded ({-{currentlength}}/{-{maxlength}})","cb_form_error_minoptions":"You have not selected enough options (minimum {-{minoptions}})","cb_form_field_email_verify":"Re-enter to verify: {-{field}}","cb_form_error_required":"This field is required","cb_formfield_media_upload":"Upload","cb_formfield_media_selectfile":"Select Files","cb_form_submitting_label":"Submitting...","cb_form_error_maxoptions":"You have selected too many options (maximum {-{maxoptions}})","cb_form_error_nan":"Please enter a valid number","cb_form_error_wordlimit":"Maximum word limit exceeded ({-{wordlimit}})"}; 2051 </script>
2051 2052 2053 2054 2055
2055<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
2055 2056 2057 2058 <style> 2059 .button.is-loading { 2060 position: relative; 2061 } 2062 .button.is-loading::after { 2063 animation: 0.6s linear 0s normal none infinite running rotation; 2064 border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15); 2065 border-left: 2px solid rgba(255, 255, 255, 0.15); 2066 border-radius: 100%; 2067 border-right: 2px solid rgba(255, 255, 255, 0.15); 2068 border-style: solid; 2069 border-width: 2px; 2070 content: ""; 2071 display: inline-block; 2072 height: 1em; 2073 margin-left: 1em; 2074 position: relative; 2075 top: -1px; 2076 vertical-align: middle; 2077 width: 1em; 2078 } 2079 @keyframes rotation { 2080 0% { 2081 transform: rotate(0deg); 2082 } 2083 100% { 2084 transform: rotate(359deg); 2085 } 2086 } 2087 @keyframes rotation { 2088 0% { 2089 transform: rotate(0deg); 2090 } 2091 100% { 2092 transform: rotate(359deg); 2093 } 2094 } 2095 </style> 2096 2097 <input type="hidden" name="_returnTo" value="/contact-us" id="_returnTo"/> 2098 <input type="hidden" name="formID" value="298" id="formID"/> 2099 <input type="hidden" name="slug" value="FB_3CA5C3CE-E721-F2D4-0E0D958249710446" id="slug"/> 2100 <input type="hidden" name="_autosubmit" value="false" id="_autosubmit"/> 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 <input type="hidden" name="_pageid" value="979" id="_pageid"/> 2112 <input type="hidden" name="_pageorder" value="1" id="_pageorder"/> 2113 <input type="hidden" name="_pageslug" value="FBP_3CA5C499-0B26-BE84-6AB8B47B83F96CB0" id="_pageslug"/> 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 <div class="form_page js-form-page " 2134 2135 2136 data-pageid="979" 2137 data-pagetypeid="0" 2138 data-pageorder="1" 2139 data-slug="FBP_3CA5C499-0B26-BE84-6AB8B47B83F96CB0" 2140 > 2141 2142 2143 <div class='form__group__controls'><input type="hidden" name="_pages" value="979" labelposition="ignored" boldlabel="false" id="_pages_979" /></div> 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 <div class='form__group form__group--text form__group--id-name'><div class='form__group__title form__group__title--hide'><label required="true" mandataryindicator="true" class=" form__group__title--hide"><span class='form__field__controls__required'>*</span> Your Name</label></div><div class='form__group__controls'><input type="text" name="name" required="required" labelposition="hide" boldlabel="false" maxlength="100" wordlimit="10" placeholder="Your Name" invalidwordlimit="Maximum word limit exceeded " class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 <div class='form__group form__group--email form__group--id-your_email'><div class='form__group__title form__group__title--hide'><label required="true" mandataryindicator="true" class=" form__group__title--hide"><span class='form__field__controls__required'>*</span> Your Email</label></div><div class='form__group__controls'><input type="email" name="your_email" required="required" labelposition="hide" boldlabel="false" maxlength="50" placeholder="Your Email" class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 <div class='form__group form__group--checkboxgroup form__group--id-subjects'><div class='form__group__title form__group__title--above'><label required="true" mandataryindicator="true" class=" form__group__title--above" for="subjects"><span class='form__field__controls__required'>*</span> Please select your subject(s):</label></div><div class="option_column__wrapper" MAXLENGTH="50" MINLENGTH="1"><div class="option_column option_column--size_3 option_column--1_3"><div class="fieldoptionvalue"><label><input type="checkbox" name="subjects" value="Speak"/><span class="form__group__title--after">Speak</span></label></div><div class="fieldoptionvalue"><label><input type="checkbox" name="subjects" value="Sponsor"/><span class="form__group__title--after">Sponsor</span></label></div></div><div class="option_column option_column--size_3 option_column--2_3"><div class="fieldoptionvalue"><label><input type="checkbox" name="subjects" value="Media Partners"/><span class="form__group__title--after">Media Partners</span></label></div><div class="fieldoptionvalue"><label><input type="checkbox" name="subjects" value="Suggest a Topic"/><span class="form__group__title--after">Suggest a Topic</span></label></div></div><div class="option_column option_column--size_3 option_column--3_3"><div class="fieldoptionvalue"><label><input type="checkbox" name="subjects" value="Administrative Help"/><span class="form__group__title--after">Administrative Help</span></label></div><div class="fieldoptionvalue"><label><input type="checkbox" name="subjects" value="Website Issues"/><span class="form__group__title--after">Website Issues</span></label></div></div><label style="display:none;" for="subjects" class="error">This field is required.</label></div></div> 2176 <div class='form__group__controls'><input type="hidden" name="subjects" labelposition="ignored" boldlabel="false" id="subjects_id" /></div> 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 <div class='form__group form__group--text form__group--id-specify_event'><div class='form__group__title form__group__title--hide'><label required="true" mandataryindicator="true" class=" form__group__title--hide"><span class='form__field__controls__required'>*</span> Please specify an event (if applicable):</label></div><div class='form__group__controls'><input type="text" name="specify_event" required="required" labelposition="hide" boldlabel="false" maxlength="500" wordlimit="50" placeholder="Please specify and event (if applicable):" invalidwordlimit="Maximum word limit exceeded " class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 <div class='form__group form__group--textarea form__group--id-message'><div class='form__group__controls'><textarea name="message" required="required" mandataryindicator="true" labelposition="hide" boldlabel="false" maxlength="2500" wordlimit="250" placeholder="Your Message" invalidwordlimit="Maximum word limit exceeded " wysiwyg="false" class=" p-form__group__controls__control" data-msg="This field is required"></textarea></div></div> 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 <div class="form__group form__group--captcha form__group--id-captcha">
vendor: 82 bytes, lines 2211-2215
2211 2212 2213 <script src='https://www.google.com/recaptcha/api.js'></script> 2214 2215
2215<div class="form__group__title form__group__title--before"> 2216 </div> 2217 <div class="form__group__controls"> 2218 <div class="g-recaptcha" data-sitekey="6Lcgb6orAAAAAGJV1cobQDl5ixR22mreUikBI7GK"></div> 2219 </div> 2220 2221 </div> 2222 2223 2224 2225 2226 2227 <div class="js-controls"> 2228 2229 2230 2231 <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button type="button" class="button button--primary js-submit-btn">Send</button></div class='p-form__group__controls form__group__controls'></div class='p-form__group form__group'> 2232 2233 </div> 2234 </div> 2235 2236
2236<script> 2237 if ( typeof Routes === 'undefined' ) 2238 Routes = []; 2239 2240 2241 Routes['name'] = []; 2242 2243 2244 Routes['your_email'] = []; 2245 2246 2247 Routes['subjects'] = []; 2248 2249 2250 Routes['specify_event'] = []; 2251 2252 2253 Routes['event'] = []; 2254 2255 2256 Routes['message'] = []; 2257 2258 2259 Routes['captcha'] = []; 2260 2261 2262 </script>
2262 2263 2264 2265 2266 2267 2268 2269 2270 </form> 2271 2272 2273 2274 2275 2276 2277 2278 2279 </div> 2280 </div> 2281 </div> 2282 </div> 2283 </div> 2284 </div> 2285 </div> 2286 </div> 2287 </div> 2288</section> 2289<section class="p-section p-section--id-2 p-section--uid-111230 p-section--style-1 has-margin-bottom"> 2290 <a class="anchor" name="Infocast, a Clarion Events, Inc. company"></a> 2291 <div class="p-section__container u-layout-container-full-viewport"> 2292 <div class="p-section__container__inner" style=""> 2293 <div class="p-section__container__inner__container u-layout-container-default"> 2294 <div class="p-section__body"> 2295 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 2296 <div class="p-section__body__articles__article p-section__body__article--id-1"> 2297 <div class="p-article p-article--style-1"> 2298 <div class="p-article__wrapper-two"> 2299 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 2300 <h4 style="text-align: center;"><strong>Infocast, a Clarion Events, Inc. company</strong></h4> 2301 <p style="text-align: center;">110 S. Hartford Avenue, Suite 200<br /> Tulsa, OK 74120<br /> Office: (818) 888-4444</p> 2302 </div> 2303 </div> 2304 </div> 2305 </div> 2306 </div> 2307 </div> 2308 </div> 2309 </div> 2310 </div> 2311</section> 2312 2313 2314 2315 2316
2316<script defer> 2317 $(document).ready(function() { 2318 gsap.registerPlugin(ScrollTrigger); 2319 ScrollTrigger.defaults({ toggleActions: "play complete reverse reset"}); 2320 2321 // Section Animation 2322 $('.p-section[data-animation-scroll]').each(function() { 2323 const $section = $(this); 2324 const sectionAnimationStyle = $section.data('animation-scroll-style'); 2325 let sectionTimeline = gsap.timeline({ paused: true }); // Initialize timeline without autoplay 2326 let animationPlayed = false; // Flag to track whether animation has been played 2327 2328 switch (sectionAnimationStyle) { 2329 case 1: 2330 sectionTimeline.fromTo($section[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); 2331 break; 2332 case 2: 2333 sectionTimeline.fromTo($section[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); 2334 break; 2335 } 2336 2337 ScrollTrigger.create({ 2338 trigger: $section[0], 2339 onEnter: function() { 2340 if (!animationPlayed) { // Only play the animation if it hasn't been played before 2341 sectionTimeline.play(); // Play the animation 2342 animationPlayed = true; // Set the flag to true to indicate that animation has been played 2343 } 2344 }, 2345 onLeaveBack: function() { 2346 // Uncomment the line below if you want to revert to initial state when scrolling back up 2347 // sectionTimeline.reverse(); // Reverse the animation when scrolling back up 2348 } 2349 }); 2350 }); 2351 2352 // Articles Animation 2353 $('.p-section').each(function() { 2354 const $section = $(this); 2355 2356 if ($section.find('.p-article[data-animation-scroll]').length) { 2357 let articlesTimeline = gsap.timeline({ scrollTrigger: { markers: false, toggleActions: "play pause resume reset", start: 'top bottom', trigger: $section[0] } }); 2358 2359 $section.find('.p-article[data-animation-scroll]').each(function(index) { 2360 const $article = $(this); 2361 const articleAnimationStyle = $article.data('animation-scroll-style'); 2362 let animationPlayed = false; // Flag to track whether animation has been played 2363 2364 ScrollTrigger.create({ 2365 trigger: $article[0], 2366 onEnter: function() { 2367 if (!animationPlayed) { // Only play the animation if it hasn't been played before 2368 switch (articleAnimationStyle) { 2369 case 1: 2370 articlesTimeline.fromTo($article[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); 2371 break; 2372 case 2: 2373 articlesTimeline.fromTo($article[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); 2374 break; 2375 } 2376 animationPlayed = true; // Set the flag to true to indicate that animation has been played and don't play it again if user scrolls back up 2377 } 2378 } 2379 }); 2380 }); 2381 } 2382 }); 2383 }); 2384 </script>
2384 2385 </main> 2386 2387 2388 2389 2390 2391 2392 2393 2394 </div> 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 <footer class="s-footer" role="contentinfo"> 2446 2447 2448 <div class="s-footer__default s-footer__default--style-1 u-layout-container-full-viewport"> 2449 <div class="s-footer__default__container u-layout-container-full-viewport"> 2450 <div class="s-footer__default__container__inner"> 2451 2452 <div class="s-footer__default__background"> 2453 2454 <div class="s-footer__default__background__color u-background-color-one"></div> 2455 2456 2457 </div> 2458 2459 <div class="s-footer__default__wrapper-one"> 2460 <div class="s-footer__default__wrapper-one__container u-layout-container-default"> 2461 <div class="s-footer__default__panels"> 2462 <div class="l-grid is-align-center"> 2463 <div class="l-grid__container"> 2464 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 2465 <div class="l-grid__item__content"> 2466 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-100337" data-panel-id="100337"> 2467 2468 <div class="p-panel__header u-text-align-left"> 2469 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> 2470 Events 2471 </h2> 2472 2473 <div class="p-panel__header__divider"> 2474 <div class="p-divider p-divider--style-1 u-color-white" style=" border-bottom: solid 3px; width: 50%;"> 2475 2476 </div> 2477 </div> 2478 2479 </div> 2480 2481 2482 <div class="p-panel__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> 2483 <div class="p-panel__body__content"> 2484 2485 2486 2487 <p><strong><a class="g-styles-text-color-white" href="event" target="_self" title="event">Find an Event</a></strong></p> 2488 2489<p><strong><a class="g-styles-text-color-white" href="sponsor" target="_self" title="sponsor">Sponsor</a></strong></p> 2490 2491<p><strong><a class="g-styles-text-color-white" href="speak" target="_self" title="speak">Speak</a></strong></p> 2492 2493 </div> 2494 </div> 2495 2496 </div> 2497 </div> 2498 </div> 2499 2500 2501 2502 2503 2504 2505 2506 2507 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 2508 <div class="l-grid__item__content"> 2509 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-100339" data-panel-id="100339"> 2510 2511 <div class="p-panel__header u-text-align-left"> 2512 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> 2513 Infocast 2514 </h2> 2515 2516 <div class="p-panel__header__divider"> 2517 <div class="p-divider p-divider--style-1 u-color-white" style=" border-bottom: solid 3px; width: 50%;"> 2518 2519 </div> 2520 </div> 2521 2522 </div> 2523 2524 2525 <div class="p-panel__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> 2526 <div class="p-panel__body__content"> 2527 2528 2529 2530 <p><strong><a class="g-styles-text-color-white" href="about" target="_self" title="about">About</a></strong></p> 2531 2532<p><strong><a class="g-styles-link-color-white" href="contact-us" target="_self" title="contact-us">Contact</a></strong></p> 2533 2534 </div> 2535 </div> 2536 2537 </div> 2538 </div> 2539 </div> 2540 2541 2542 2543 2544 2545 2546 2547 2548 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> 2549 <div class="l-grid__item__content"> 2550 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-100340" data-panel-id="100340"> 2551 2552 <div class="p-panel__header u-text-align-left"> 2553 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> 2554 Policies 2555 </h2> 2556 2557 <div class="p-panel__header__divider"> 2558 <div class="p-divider p-divider--style-1 u-color-white" style=" border-bottom: solid 3px; width: 50%;"> 2559 2560 </div> 2561 </div> 2562 2563 </div> 2564 2565 2566 <div class="p-panel__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> 2567 <div class="p-panel__body__content"> 2568 2569 2570 2571 <p><strong><a class="g-styles-text-color-white" href="privacy-policy" target="_self" title="privacy-policy">Privacy Policy</a></strong></p> 2572 2573<p><strong><a class="g-styles-text-color-white" href="terms-conditions" target="_self" title="terms-conditions">Event Terms and Conditions</a></strong></p> 2574 2575<p><strong><a class="g-styles-text-color-white" href="https://www.infocastinc.com/onsite-health-and-safety" target="_blank" title="https://www.infocastinc.com/onsite-health-and-safety">Health and Safety</a></strong></p> 2576 2577 </div> 2578 </div> 2579 2580 </div> 2581 </div> 2582 </div> 2583 </div> 2584 </div> 2585 </div> 2586 </div> 2587 </div> 2588 <div class="s-footer__default__wrapper-two"> 2589 2590 <div class="s-footer__default__wrapper-two__background"> 2591 <div class="s-footer__default__wrapper-two__background__color u-background-color-one"></div> 2592 </div> 2593 2594 <div class="s-footer__default__wrapper-two__container u-layout-container-default"> 2595 2596 <nav class="s-footer__default__footer-menu" aria-label="Footer Menu"> 2597 <!--seed:55DEDAAAACB28932917B20BA937499A4FB176828--> 2598 <ul class="p-menu--quick-links p-menu--quick-links--id-F2336 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '#000000', colorType: 'class', id: 'F2336', onHover: true, onHoverColor: 'white', onHoverColorCustom: '#000000', on
2598HoverColorType: 'class'})" id="F2336"> 2599 2600 <li class="p-menu__item" title="Copyright © 2026 Infocast, a Clarion Events, Inc. company. All Rights Reserved." x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2601 2602 <span class="p-menu__item__text u-color-white u-font-one-size-small u-font-one-size-small">Copyright © 2026 Infocast, a Clarion Events, Inc. company. All Rights Reserved.</span> 2603 2604 </li> 2605 2606 </ul> 2607 2608
2608<script> 2609 function composerPatternMenuQuickLinks(params) { 2610 return { 2611 color: params.color, 2612 colorCustom: params.colorCustom, 2613 colorType: params.colorType, 2614 id: params.id, 2615 onHover: params.onHover, 2616 onHoverColor: params.onHoverColor, 2617 onHoverColorCustom: params.onHoverColorCustom, 2618 onHoverColorType: params.onHoverColorType, 2619 toggleOnHoverStyling($menuItem, action){ 2620 if (this.onHover) { 2621 console.log('this.onHover'); 2622 var $menuItemTitle = $menuItem.children(".p-menu__item__link"); 2623 2624 const toggleColor = () => { 2625 console.log('toggle color'); 2626 if (this.colorType == "class") { 2627 if (this.onHoverColorType == "class") { 2628 if (action == "enter") { 2629 $menuItemTitle.removeClass("u-color-" + this.color); 2630 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 2631 } 2632 else { 2633 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 2634 $menuItemTitle.addClass("u-color-" + this.color); 2635 } 2636 } 2637 else { 2638 if (action == "enter") { 2639 $menuItemTitle.removeClass("u-color-" + this.color); 2640 $menuItemTitle.css("color", this.onHoverColorCustom); 2641 } 2642 else { 2643 $menuItemTitle.addClass("u-color-" + this.color); 2644 $menuItemTitle.css("color", ""); 2645 } 2646 } 2647 } 2648 else { 2649 if (this.onHoverColorType == "class") { 2650 if (action == "enter") { 2651 $menuItemTitle.css("color", ""); 2652 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 2653 } 2654 else { 2655 $menuItemTitle.css("color", this.colorCustom); 2656 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 2657 } 2658 } 2659 else { 2660 if (action == "enter") { 2661 $menuItemTitle.css("color", this.onHoverColorCustom); 2662 } 2663 else { 2664 $menuItemTitle.css("color", this.colorCustom); 2665 } 2666 } 2667 } 2668 } 2669 2670 toggleColor(); 2671 } 2672 }, 2673 handleMenuItemMouseEnter(e) { 2674 this.toggleOnHoverStyling($(e.target), "enter"); 2675 }, 2676 handleMenuItemMouseLeave(e) { 2677 this.toggleOnHoverStyling($(e.target), "leave"); 2678 } 2679 }; 2680 } 2681 </script>
2681 2682 2683 </nav> 2684 2685 <div class="s-footer__default__asp-copyright"> 2686 <a class="s-footer__default__asp-copyright__link" href="https://www.asp.events/client" target="_blank"> 2687 <img class="s-footer__default__asp-copyright__link__image" alt="ASP Events Logo" loading="lazy" src="https://themes.asp.events/_composer/includes/images/logos/logo_asp.svg" /> 2688 <span class="s-footer__default__asp-copyright__link__text u-color-white u-font-one u-font-one-size-small"> 2689 2690 Website by ASP 2691 2692 </span> 2693 </a> 2694 </div> 2695 </div> 2696 </div> 2697 </div> 2698 </div> 2699 </div> 2700 2701 </footer> 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 <template x-data x-if="$store.share.isVisible"> 2723 <div class="s-share"> 2724 <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> 2725 <div class="s-share__default__container"> 2726 <div class="s-share__default__background"> 2727 <div class="s-share__default__background__color u-background-color-white"></div> 2728 </div> 2729 <div class="s-share__default__header"> 2730 <h5 class="s-share__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold" x-text="'Share: ' + $store.share.title"> 2731 Share 2732 </h5> 2733 </div> 2734 <div class="s-share__default__body"> 2735 <ul class="s-share__default__body__list"> 2736 <li class="s-share__default__body__list__item"> 2737 <a class="s-share__default__body__list__item__link u-background-color-brand-twitter u-border-radius-shape-circle u-color-white" :href="'https://twitter.com/intent/tweet?url=' + encodeURIComponent($store.share.url) + '&text=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> 2738 <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> 2739 </a> 2740 </li> 2741 <li class="s-share__default__body__list__item"> 2742 <a class="s-share__default__body__list__item__link u-background-color-brand-facebook u-border-radius-shape-circle u-color-white" :href="'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent($store.share.url) + '"e=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> 2743 <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> 2744 </a> 2745 </li> 2746 <li class="s-share__default__body__list__item"> 2747 <a class="s-share__default__body__list__item__link u-background-color-brand-linkedin u-border-radius-shape-circle u-color-white" :href="'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($store.share.url)" target="_blank" rel="noreferrer"> 2748 <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> 2749 </a> 2750 </li> 2751 <li class="s-share__default__body__list__item"> 2752 <a class="s-share__default__body__list__item__link u-background-color-brand-whatsapp u-border-radius-shape-circle u-color-white" :href="'https://api.whatsapp.com/send?' + ($store.share.url ? 'text=' + encodeURIComponent($store.share.text || '') + '%20' + encodeURIComponent($store.share.url) : 'text=' + encodeURIComponent($store.share.text || ''))" target="_blank" rel="noreferrer"> 2753 <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> 2754 </a> 2755 </li> 2756 <li class="s-share__default__body__list__item"> 2757 <a class="s-share__default__body__list__item__link u-background-color-one u-border-radius-shape-circle u-color-white" :href="'mailto:?body=' + encodeURIComponent($store.share.text || '') + encodeURIComponent($store.share.url || '') + '&subject=' + encodeURIComponent($store.share.subject || '')" target="_blank" rel="noreferrer"> 2758 <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> 2759 </a> 2760 </li> 2761 </ul> 2762 <div class="s-share__default__body__url"> 2763 <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> 2764 <button class="s-share__default__body__url__button u-background-color-one u-color-white u-font-one u-font-one-weight-bold" role="button" aria-label="Share widget Copy URL button" x-on:click="handleOnUrlButtonClick">Copy URL</button> 2765 </div> 2766 </div> 2767 </div> 2768
2768<script> 2769 function composerStructureShare(params) { 2770 return { 2771 init() { 2772 $.magnificPopup.open({ 2773 items: { 2774 src: ".s-share__default", 2775 type: "inline" 2776 }, 2777 closeMarkup: "<button class=\"s-share__default__close mfp-close\" title=\"%title%\" type=\"button\" role=\"button\" aria-label=\"Share modal close button\"><i class=\"s-share__default__close__icon fal fa-times\"></i></button>", 2778 callbacks: { 2779 open: () => { 2780 $(".s-share__default__close").prependTo(".s-share__default"); 2781 2782 $(document).trigger("modal-open"); 2783 2784 gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 2785 }, 2786 afterClose: () => { 2787 Alpine.store('share').hideShare(); 2788 } 2789 } 2790 }); 2791 }, 2792 handleOnUrlButtonClick() { 2793 Alpine.store('share').copyToClipboard(); 2794 } 2795 } 2796 } 2797</script>
2797 2798 </div> 2799 </div> 2800 </template> 2801 2802 2803 <template x-data x-if="$store.search.isVisible"> 2804 <div class="s-search"> 2805 <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch" role="search" aria-label="Search"> 2806 <div class="s-search__default__container"> 2807 <div class="s-search__default__background"> 2808 <div class="s-search__default__background__color u-background-color-white"></div> 2809 </div> 2810 <div class="s-search__default__header"> 2811 <h5 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> 2812 Website Search 2813 </h5> 2814 </div> 2815 <div class="s-search__default__body"> 2816 <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> 2817 <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> 2818 <div class="s-search__default__body__form__button"> 2819 <div class="w-button w-button--style-1 w-button--style-1--width-auto"> 2820 <button class="w-button__button" role="button" aria-label="Search button"> 2821 <span class="w-button__button__text">Search</span> 2822 </button> 2823 </div> 2824 </div> 2825 </form> 2826 </div> 2827 </div> 2828
2828<script> 2829 function composerStructureSearch(params) { 2830 return { 2831 init() { 2832 $.magnificPopup.open({ 2833 items: { 2834 src: ".s-search__default", 2835 type: "inline" 2836 }, 2837 closeMarkup: "<button class=\"s-search__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-search__default__close__icon fal fa-times\" role=\"button\" aria-label=\"Search modal close button\"></i></button>", 2838 callbacks: { 2839 open: () => { 2840 $(".s-search__default__close").prependTo(".s-search__default"); 2841 2842 $(document).trigger("modal-open"); 2843 2844 gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 2845 }, 2846 afterClose: () => { 2847 Alpine.store('search').hideSearch(); 2848 } 2849 } 2850 }); 2851 } 2852 } 2853 } 2854</script>
2854 2855 </div> 2856 </div> 2857 </template> 2858 2859 2860 2861 <template x-data x-if="$store.wishlist.isVisible"> 2862 <div class="s-wishlist"> 2863 <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> 2864 <div class="s-wishlist__default__container"> 2865 <div class="s-wishlist__default__background"> 2866 <div class="s-wishlist__default__background__color u-background-color-white"></div> 2867 </div> 2868 <div class="s-wishlist__default__header"> 2869 <h5 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> 2870 Wishlist 2871 </h5> 2872 </div> 2873 <div class="s-wishlist__default__body"> 2874 <template x-if="!$store.wishlist.items.length"> 2875 <div class="s-wishlist__default__body__empty-state u-text-align-center"> 2876 Add some favourites to your wishlist to get started! 2877 </div> 2878 </template> 2879 <template x-if="$store.wishlist.items.length"> 2880 <div class="s-wishlist__default__body__wishlist"> 2881 <template x-if="$store.wishlist.isLoadingWishlist"> 2882 <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> 2883 2884 <div class="p-loader p-loader--default"> 2885 <div class="p-loader__icon"></div> 2886 </div> 2887 2888 </div> 2889 </template> 2890 <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> 2891 <div class="s-wishlist__default__body__wishlist__items"> 2892 <template x-for="items in $store.wishlist.wishlistItems"> 2893 <div class="s-wishlist__default__body__wishlist__items__list"> 2894 <div class="s-wishlist__default__body__wishlist__items__list__header"> 2895 <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> 2896 </div> 2897 <div class="s-wishlist__default__body__wishlist__items__list__body"> 2898 <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> 2899 <template x-for="item in items.items"> 2900 <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> 2901 <template x-if="item.image"> 2902 <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> 2903 <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> 2904 <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> 2905 </a> 2906 </div> 2907 </template> 2908 <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> 2909 <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__title u-color-text" x-bind:href="item.slug" x-text="item.title"></a> 2910 </div> 2911 </li> 2912 </template> 2913 </ul> 2914 </div> 2915 </div> 2916 </template> 2917 </div> 2918 </template> 2919 <template x-if="!$store.wishlist.isLoadingWishlist"> 2920 <div class="s-wishlist__default__body__wishlist__actions"> 2921 <template x-if="view == 'wishlist'"> 2922 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> 2923 <div class="w-button w-button--style-1"> 2924 <button class="w-button__button" role="button" aria-label="Download wishlist as PDF" x-on:click="handleOnDownloadClick($store.wishlist.wishlistUrl + '/downloadpdf', $store.wishlist.items)">Download</button> 2925 </div> 2926 <div class="w-button w-button--style-1"> 2927 <button class="w-button__button" role="button" aria-label="Email wishlist as PDF" x-on:click="handleOnEmailClick">Email this List</button> 2928 </div> 2929 </div> 2930 </template> 2931 </div> 2932 </template> 2933 </div> 2934 </template> 2935 <template x-if="view == 'email'"> 2936 <div class="s-wishlist__default__body__email"> 2937 <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> 2938 <input class="s-wishlist__default__body__email__form__input u-border-solid-1 u-border-color-muted" type="email" required placeholder="[email protected]" x-model="email" /> 2939 <div class="s-wishlist__default__body__email__form__button"> 2940 <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> 2941 <div class="w-button w-button--style-1"> 2942 <button class="w-button__button" role="button" aria-label="Email wishlist as PDF" x-on:click="handleOnEmailSubmitClick($store.wishlist.wishlistUrl + '/emailpdf', $store.wishlist.items, email, $event)">Email this List</button> 2943 </div> 2944 </div> 2945 </div> 2946 </form> 2947 <div class="s-wishlist__default__body__email__back"> 2948 <button class="s-wishlist__default__body__email__back__link" role="button" aria-label="Back to wishlist" x-on:click="setVie
2948w('wishlist')"><i class="fal fa-arrow-left"></i></button> 2949 </div> 2950 </div> 2951 </template> 2952 <template x-if="view == 'generating'"> 2953 <div class="s-wishlist__default__body__download u-text-align-center"> 2954 Generating... 2955 </div> 2956 </template> 2957 </div> 2958 </div> 2959
2959<script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/widgets/wishlist/download.min.js"></script>
vendor: 2 bytes, line 2959
2959
2960<script> 2961 function composerStructureWishlist(params) { 2962 return { 2963 view: "wishlist", 2964 init() { 2965 $.magnificPopup.open({ 2966 items: { 2967 src: ".s-wishlist__default", 2968 type: "inline" 2969 }, 2970 closeMarkup: "<button class=\"s-wishlist__default__close mfp-close\" title=\"%title%\" type=\"button\" role=\"button\" aria-label=\"%title% close popup button\"><i class=\"s-wishlist__default__close__icon fal fa-times\"></i></button>", 2971 callbacks: { 2972 open: () => { 2973 $(".s-wishlist__default__close").prependTo(".s-wishlist__default"); 2974 2975 $(document).trigger("modal-open"); 2976 2977 gsap.fromTo(".s-wishlist__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 2978 }, 2979 afterClose: () => { 2980 Alpine.store("wishlist").hideWishlist(); 2981 } 2982 } 2983 }); 2984 }, 2985 setView(view) { 2986 this.view = view; 2987 }, 2988 handleOnDownloadClick(url, items) { 2989 this.setView('generating'); 2990 2991 $.ajax({ 2992 url: url, 2993 method: 'POST', 2994 data: { contentID: items }, 2995 xhrFields: { 2996 responseType: 'blob' 2997 }, 2998 beforeSend: function (xhr) { 2999 xhr.overrideMimeType('application/pdf'); 3000 }, 3001 success: (data, status, xhr) => { 3002 if (xhr.getResponseHeader('Content-Type') !== 'application/pdf') { 3003 console.error("[showoff_composer]: Unexpected content type:", xhr.getResponseHeader('Content-Type')); 3004 return; 3005 } 3006 3007 var blob = data; 3008 var filename = 'wishlist.pdf'; 3009 3010 download(blob, filename, 'application/pdf'); 3011 3012 this.setView('wishlist'); 3013 }, 3014 error: (xhr, status, error) => { 3015 this.setView('wishlist'); 3016 3017 console.error("[showoff_composer]: error on handleOnDownloadClick()", error); 3018 } 3019 }); 3020 }, 3021 handleOnEmailClick() { 3022 this.setView('email'); 3023 }, 3024 handleOnEmailSubmitClick(url, items, email, event) { 3025 event.preventDefault(); 3026 3027 this.setView('generating'); 3028 3029 $.ajax({ 3030 type:'POST', 3031 url: url, 3032 data: {'contentID': items, 'email': email}, 3033 success: (response) => { 3034 this.setView('wishlist'); 3035 3036 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); 3037 }, 3038 error: (xhr, status, error) => { 3039 console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); 3040 3041 this.setView('wishlist'); 3042 } 3043 }); 3044 } 3045 } 3046 } 3047</script>
3047 3048 </div> 3049 </div> 3050 </template> 3051 3052 3053 3054 3055 <div class="s-ezone"> 3056 <div class='w-zone-loginwrapper' data-lostpassword='false'><div> 3057 3058 3059 <div class="w-zone-login js-zone-login"> 3060 3061 <div class="w-zone-login__no-access js-zone-login__no-access"> 3062 3063 </div> 3064 3065 <div class="w-zone-login__form-wrapper"> 3066 3067 <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> 3068 <input type="hidden" name="formID" value="LOGIN" id="formID"/> 3069 <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="username">Username *</label></div><div class='p-form__group__controls form__group__controls'><input type="text" name="username" class="w-zone-login__form__input" required="required" placeholder="Username" autocomplete="off" id="username"/></div></div> 3070 <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="password">Password *</label></div><div class='p-form__group__controls form__group__controls'><input type="password" name="password" class="w-zone-login__form__input" required="required" placeholder="Password" autocomplete="off" id="password"/></div></div> 3071 <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button name="loginSubmitButton" type="submit" class="button w-zone-login__form__submit" id="loginSubmitButton">Login</button></div></div> 3072 3073 </form> 3074 3075 3076 </div> 3077 3078 3079 3080 </div> 3081 3082</div></div>
3082<script type='text/javascript'> 3083 $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ 3084 $script('/includes/javascript/ASPModal.old.min.js', function(){ 3085 $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.40', function(){ 3086 js_zone.login_init(); 3087 }); 3088 }); 3089 }); 3090 </script>
3090 3091 3092 </div> 3093 3094 3095 3096 3097 3098 3099 <a class="s-scroll-top s-scroll-top--right u-background-color-one" href="contact-us#top" aria-label="Scroll to top button" style=" border-radius: 30px;" x-data="composerStructureScrollTop"> 3100 <i class="fa-light fa-arrow-up u-color-white" style=""></i> 3101 3102
3102<script defer> 3103 function composerStructureScrollTop(params) { 3104 return { 3105 init() { 3106 this.toggleScrollTopVisibility(); 3107 this.bindScrollEvent(); 3108 }, 3109 bindScrollEvent() { 3110 $(window).on("scroll", this.toggleScrollTopVisibility); 3111 }, 3112 toggleScrollTopVisibility() { 3113 var $subpageHeight = $(".s-page-title").outerHeight() || 0; 3114 var $heroHeight = $(".s-hero__default").outerHeight() || 0; 3115 3116 var $totalHeight = $subpageHeight + $heroHeight; 3117 3118 if ($(window).scrollTop() > $totalHeight) { 3119 gsap.to($(".s-scroll-top"), {autoAlpha: 1, duration: 0.2}); 3120 } else { 3121 gsap.to($(".s-scroll-top"), {autoAlpha: 0, duration: 0.2}); 3122 } 3123 } 3124 } 3125 } 3126 </script>
3126 3127 3128 </a> 3129 3130 3131 3132 3133
3133<script defer> 3134 document.addEventListener('alpine:init', () => { 3135 Alpine.store('common', { 3136 siteUuid: '518F0734-C402-5B96-275A337E4FFC6532' 3137 }); 3138 3139 Alpine.store('search', { 3140 isVisible: false, 3141 showSearch() { 3142 this.isVisible = true; 3143 }, 3144 hideSearch() { 3145 this.isVisible = false; 3146 } 3147 }); 3148 3149 Alpine.store('share', { 3150 isVisible: false, 3151 subject: "Check out this link!", 3152 text: "", 3153 title: document.title, 3154 url: location.href, 3155 showShare() { 3156 if (navigator.share) { 3157 navigator.share({ 3158 title: this.title, 3159 text: this.text, 3160 url: this.url, 3161 }) 3162 .then() 3163 .catch((error) => console.log('[showoff_composer]: error on composerWidgetShare()', error)); 3164 } 3165 else { 3166 this.isVisible = true; 3167 } 3168 }, 3169 hideShare() { 3170 this.isVisible = false; 3171 }, 3172 setData(url = this.url, title = this.title, text = this.text, subject = this.subject) { 3173 if (url.indexOf(window.location.origin) !== -1) { 3174 this.url = url; 3175 } else { 3176 this.url = window.location.origin + '/' + url; 3177 } 3178 3179 this.title = title; 3180 this.text = text; 3181 this.subject = subject; 3182 }, 3183 setSubject(value) { 3184 this.subject = value; 3185 }, 3186 setText(value) { 3187 this.text = value; 3188 }, 3189 setTitle(value) { 3190 this.title = value; 3191 }, 3192 setUrl(value) { 3193 this.url = value; 3194 }, 3195 copyToClipboard() { 3196 navigator.clipboard?.writeText(this.url); 3197 } 3198 }); 3199 3200 Alpine.store('wishlist', { 3201 items: Alpine.$persist("").as('showoff_wishlist_items_' + Alpine.store('common').siteUuid), 3202 isLoadingWishlist: true, 3203 isVisible: false, 3204 wishlistItems: [], 3205 wishlistUrl: 'https://zone.showoff.asp.events/518F0734-C402-5B96-275A337E4FFC6532/wishlist', 3206 siteUuid: '518F0734-C402-5B96-275A337E4FFC6532', 3207 showWishlist() { 3208 this.isVisible = true; 3209 3210 this.getFavourites(); 3211 }, 3212 hideWishlist() { 3213 this.isVisible = false; 3214 }, 3215 addFavourite(id) { 3216 var items = this.items.split(','); 3217 3218 if (!items.includes(id)){ 3219 items.push(id); 3220 this.items = items.join(','); 3221 } 3222 3223 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Add', null, { 3224 dimension7: id 3225 }]); 3226 }, 3227 removeFavourite(id) { 3228 var items = this.items.split(','); 3229 3230 if (items.indexOf(id.toString()) !== -1) { 3231 items.splice(items.indexOf(id.toString()), 1); 3232 this.items = items.join(','); 3233 } 3234 3235 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Remove', null, { 3236 dimension7: id 3237 }]); 3238 }, 3239 toggleFavourite(id) { 3240 if (this.items.includes(id)){ 3241 this.removeFavourite(id); 3242 } 3243 else { 3244 this.addFavourite(id); 3245 } 3246 }, 3247 getFavourites() { 3248 this.isLoadingWishlist = true; 3249 3250 $.ajax( 3251 { type:'POST' 3252 , url: this.wishlistUrl + '/contentbyid' 3253 , data: {'contentID': this.items} 3254 , success: (response) => { 3255 this.isLoadingWishlist = false; 3256 3257 const mergedItems = []; 3258 3259 response.data.forEach(item => { 3260 const libraryName = item.libraryName; 3261 3262 let group = mergedItems.find(obj => obj.name === libraryName); 3263 3264 if (!group) { 3265 group = { name: libraryName, items: [] }; 3266 mergedItems.push(group); 3267 } 3268 3269 group.items.push(item); 3270 }); 3271 3272 this.wishlistItems = mergedItems; 3273 } 3274 }); 3275 } 3276 }); 3277 }) 3278 </script>
3278 3279 3280 </div> 3281 3282 3283 3284 3285 3286
3286<script src="/includes/javascript/showoff.global.min.js" ></script>
3286 3287
3287<script type=""text/javascript""> 3288 var _paq = _paq || []; 3289 //prc_visitorSession// 3290 </script>
3290 3291
3291<script src="//code.tidio.co/7c4n5zbt11jm7pvv3j0psv597mpculgl.js" async></script>
3291<style> 3292 3293.m-exhibitors-list--carousel .m-exhibitors-list__items__item__image__image { padding: 5px; } 3294 3295.m-seminar-list--columns .m-seminar-list__list__content__column__header { text-transform: capitalize; border-radius: 12px; font-weight: 700; } 3296.m-seminar-list--columns .m-seminar-list__list__content__column { border-radius: 12px; } 3297.m-seminar-list--columns .m-seminar-list__list__content__column__items__item { border-radius: 12px; } 3298 3299.m-speakers-list--grid .m-speakers-list__list__items__item__image { border-radius: 12px; } 3300 3301 3302@media screen and (max-width: 1280px) { 3303.p-menu__item__submenu-toggle .fal { font-size: xx-large; } } 3304 3305.s-header__sticky__call-to-actions .w-button--style-1 .w-button__button { font-size: 0.9rem; } 3306.s-header__sticky__call-to-actions .w-button--style-2 .w-button__button { font-size: 0.9rem; } 3307.s-header__sticky__call-to-actions .w-button--style-3 .w-button__button { font-size: 0.9rem; } 3308.s-header__sticky__call-to-actions .w-button--style-4 .w-button__button { font-size: 0.9rem; } 3309.s-header__sticky__call-to-actions .w-button--style-5 .w-button__button { font-size: 0.9rem; } 3310.s-header__sticky__call-to-actions .w-button--style-6 .w-button__button { font-size: 0.9rem; } 3311.s-header__sticky__call-to-actions .w-button--style-7 .w-button__button { font-size: 0.9rem; } 3312.s-header__sticky__call-to-actions .w-button--style-8 .w-button__button { font-size: 0.9rem; } 3313 3314.s-page-title__default--style-3 .s-page-title__default__image__image { border-radius: 12px; } 3315.s-sticky__default__buttons--style-1 { margin-top: 10px; } 3316 3317.u-border-bottom-solid-1 { border-bottom-width: 3px; } 3318.u-layout-container-small { padding-top: 5px; padding-bottom: 5px; } 3319 3320</style> 3321 3322 3323 3324 </body> 3325 3326 </html> 3327 3328
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.