1 2 3 4 5 6<!DOCTYPE html> 7 <html lang="en-GB" class="podcast-show-2026 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 The Podcast Show London 2027 18 19 </title> 20 <meta name="generator" content="SHOWOFF by ASP.events" /> 21 <meta name="author" content=""> 22 23 24 <meta name="description" content="The Podcast Show London 2027 Presale Sign Up" /> 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="The Podcast Show London 2027" /> 34 <meta property="og:site_name" content="Podcast Show 2027" /> 35 <meta property="schema:description" typeof="https://schema.org/WebPage" content="The Podcast Show London 2027 Presale Sign Up" /> 36 <meta property="schema:name" typeof="https://schema.org/WebPage" content="PRESALE SIGN UP" /> 37 <meta property="schema:image" typeof="https://schema.org/WebPage" content="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/Logo-Lock-up-2026-Purple-4x.png/fit-in/1200x630/filters:no_upscale()" /> 38 <meta property="og:image" content="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/Logo-Lock-up-2026-Purple-4x.png/fit-in/1200x630/filters:no_upscale()" /> 39 <meta property="og:description" content="The Podcast Show London 2027 Presale Sign Up" /> 40 <meta property="og:type" content="article" /> 41 42 <!-- 43 896CC470F1E666EB742EBE1ED00FBAE70FB2A37496C44A5706E43BEFED69A8C4 44 --> 45 <base href="https://www.thepodcastshowlondon.com/" > 46 <meta name="robots" content="index, follow" /> 47 <link rel="icon" href="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/favicon.ico" type="image/x-icon" /> 48 <link rel="canonical" href="https://www.thepodcastshowlondon.com/presale-sign-up" /> 49 50 51 52 53 54 55 <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/__theme/css/site.css?v=8428" /> 56 57 58
58<script>document.documentElement.classList.add('site-modules-loading');</script>
58 59 <style>.site-modules-loading [class^="m-"],.site-modules-loading [class*=" m-"]{opacity:0}</style> 60 61 <link rel="preload" href="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/__theme/css/site.modules.css?v=8428" as="style" onload="this.onload=null;this.rel='stylesheet';document.documentElement.classList.remove('site-modules-loading')"> 62 <noscript><link rel="stylesheet" href="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/__theme/css/site.modules.css?v=8428"></noscript> 63 64 65 66 <link rel="stylesheet" href="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/__theme/css/fonts.css" type="text/css"/> 67 68 69 <link rel="preconnect" href="https://fonts.googleapis.com"> 70 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 71 72 73 74 75 <link href="//fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet"> 76 77 78 79 80 81 82 <link href="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/__theme/css/fonts.css" rel="stylesheet"> 83 84 85 86
86<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
86 87 88 89
89<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/script.min.js" integrity="sha384-+kbmEGZrjwfGzlYYiLQkgntepLDajw5ZAlz1jvKM4IVPwGH4Z+nbmccUIf9pz1Gq" crossorigin="anonymous"></script>
89 90 91 92
92<script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/base.composer.min.js"></script>
92 93
93<script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/plugins/persist.min.js"></script>
93 94
94<script defer src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/frameworks/alpine/alpine.min.js"></script>
94 95 96 97 <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'"> 98 <noscript> 99 <link href="https://themes.asp.events/_base/1-3-0/includes/fonts/fontawesome/css/all.min.css" rel="stylesheet"> 100 </noscript> 101 102 103 104 105 106 107 108 109 110 111 <meta name="google-site-verification" content="UAv4mDUUv0-dSOkmTdSM_cVSYRtJsb9u89kojd8I094" /> <!-- Google Tag Manager -->
112<script>
vendor: 331 bytes, lines 112-116
112(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 113new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 114j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 115'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 116})(window,document,'script','dataLayer','
116GTM-MMT89TD
vendor: 3 bytes, line 116
116');
116</script>
116 117<!-- End Google Tag Manager --> 118 119<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 119-120
119 120<script async src="https://www.googletagmanager.com/gtag/js?id=
120G-Z6Y08C7XCJ
vendor: 13 bytes, line 120
120"></script>
121<script> 122
vendor: 138 bytes, lines 122-126
122window.dataLayer = window.dataLayer || []; 123 function gtag(){dataLayer.push(arguments);} 124 gtag('js', new Date()); 125 126 gtag('config', '
126G-Z6Y08C7XCJ
vendor: 5 bytes, line 126
126');
127</script>
127 128 129 130<style> 131.l-hero .panel__body .w-video { opacity: 0; } 132.m-seminar-list__list__column__header__title { font-weight: 500!important; font-size: large!important;} 133.m-seminar-list__list__row__header__description {font-size: small!important; } 134</style> 135 136 <!--CookieConsentBanner start--> 137 <link rel="stylesheet" type="text/css" href="/modules/contentbox-admin/includes/css/cookieconsent.min.css" /> 138
138<script src="/modules/contentbox-admin/includes/js/cookieconsent.min.js"></script>
138 139
139<script src="/modules/contentbox-admin/includes/js/cookieconsent-optout.js"></script>
139 140
140<script> 141 window.addEventListener("load", function(){ 142 var expires = ""; 143 var date = new Date(); 144 date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); 145 expires = date.toUTCString(); 146 147 document.addEventListener("click",function(e){ 148 if(e.target && e.target.id== "analytics"){ 149 if(document.getElementById("analytics").checked){ 150 document.cookie = "cookieconsent_analytics=true; expires=" + expires + "; path=/"; 151 }else{ 152 document.cookie = "cookieconsent_analytics=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 153 } 154 } 155 if(e.target && e.target.id== "marketing"){ 156 if(document.getElementById("marketing").checked){ 157 document.cookie = "cookieconsent_marketing=true; expires=" + expires + "; path=/"; 158 }else{ 159 document.cookie = "cookieconsent_marketing=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 160 } 161 } 162 if(e.target && e.target.id== "social"){ 163 if(document.getElementById("social").checked){ 164 document.cookie = "cookieconsent_social=true; expires=" + expires + "; path=/"; 165 }else{ 166 document.cookie = "cookieconsent_social=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 167 } 168 } 169 }); 170 171 window.cookieconsent.initialise({"palette":{"popup":{"background":"#000"},"button":{"background":"#f1d600"}},"content":{"href":"https://www.thepodcastshowlondon.com/privacy-policy","showLink":true},"position":"bottom-right","onInitialise": function (status) { 172 var type = this.options.type; 173 var didConsent = this.hasConsented(); 174 if (type == "opt-out" && !didConsent) { 175 // disable cookies 176 } 177 } 178 ,"onStatusChange": function(status, chosenBefore) { 179 var type = this.options.type; 180 var didConsent = this.hasConsented(); 181 if (type == "opt-out" && !didConsent) { 182 // disable cookies 183 openModal("<div>All cookies that are not necessary for the functioning of the site will be removed. Please select any category of third-party cookies that you may want to enable:<br/><br/><form id='consentForm' action=''><input type='checkbox' id='analytics' name='analytics' value='' /> Analytics <br /><input type='checkbox' name='marketing' value='marketing' /> Marketing <br /><input type='checkbox' name='social' value='social' /> Social</form></div>"); 184 185 const cookies = document.cookie.split(";"); 186 187 for (const cookie of cookies) { 188 const eqPos = cookie.indexOf("="); 189 const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; 190 191 //Do not delete the necessary cookies 192 if(["engageToken", "_pk_id", "_pk_ref", "_pk_ses", "popup", "popupTimer", "cookieconsent_status", "cookieconsent_analytics", "cookieconsent_marketing", "cookieconsent_social"].indexOf(name.trim()) < 0) { 193 document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;"; 194 } 195 196 } 197 } 198 } 199 ,"onRevokeChoice": function() { 200 var type = this.options.type; 201 if (type == "opt-out") { 202 // enable cookies 203 } 204 }}) 205 206 }); 207 </script>
207 208 <!--CookieConsentBanner end--> 209 210 <!-- Start cookieyes banner -->
210<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ad7c64625b61082ae2b0af9abfbf2f23/script.js"></script>
210 <!-- End cookieyes banner --> 211
211<script> 212 $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'); }); 213 214 jQuery(document).ready(function(){ 215 216 jQuery(document).on('click','.js-share-button',showShareDialog); 217 218 function showShareDialog(e) 219 { 220 e.preventDefault(); 221 222 var Site = jQuery(this).attr('data-site'); 223 224 if (jQuery(this).attr('data-slug') != '') { 225 var PageUrl = jQuery(this).attr('data-slug'); 226 } else { 227 var PageUrl = location.href; 228 } 229 230 var contentId = ''; 231 if (jQuery(this).attr('data-contentId') != '') { 232 var contentId = jQuery(this).attr('data-contentId'); 233 } 234 var shareText = jQuery(this).attr('data-shareText'); 235 var shareTitle = jQuery(this).attr('data-shareTitle'); 236 237 jQuery.get 238 ( '__share/buttons/getShareUrl' 239 , { Site:Site , PageUrl:PageUrl , PageTitle:document.title, contentId:contentId, shareText:shareText, shareTitle:shareTitle } 240 , redirectToShare 241 ); 242 } 243 244 function redirectToShare(data) 245 { 246 //open email share in modal 247 if(data.ShareTo.indexOf('__share/email') == 0) 248 openRemoteModal(data.ShareTo); 249 else{ 250 251 var popupBlockerChecker = { 252 check: function(popup_window){ 253 var _scope = this; 254 if (popup_window) { 255 if(/chrome/.test(navigator.userAgent.toLowerCase())){ 256 setTimeout(function () { 257 _scope._is_popup_blocked(_scope, popup_window); 258 },200); 259 }else{ 260 popup_window.onload = function () { 261 _scope._is_popup_blocked(_scope, popup_window); 262 }; 263 } 264 }else{ 265 _scope._displayError(); 266 } 267 }, 268 _is_popup_blocked: function(scope, popup_window){ 269 if ((popup_window.innerHeight > 0)==false){ scope._displayError(); } 270 }, 271 _displayError: function(){ 272 alert("Popup Blocker is enabled! Please add this site to your exception list."); 273 } 274 }; 275 276 var popup = window.open(data.ShareTo,'_blank','width=800,height=650'); //'width=620,height=440' 277 popupBlockerChecker.check(popup); 278 } 279 } 280 281 }); 282 </script>
282 283 284 285 286 </head> 287 288 <body id="top" class="body--id-10038 body--template-default"> 289 290 291 <nav aria-label="Skip Navigation"> 292 <a class="s-skip-content u-background-color-one u-color-white" href="presale-sign-up#main-content" aria-label="Skip to Main Content">Skip To Main Content</a> 293 </nav> 294 295 296 297 298 299 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 299-300
299 300<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
300GTM-MMT89TD
vendor: 85 bytes, lines 300-301
300" 301height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
302<!-- End Google Tag Manager (noscript) --> 303<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 303-304
303 304<script async src="https://www.googletagmanager.com/gtag/js?id=
304G-Z6Y08C7XCJ
vendor: 13 bytes, line 304
304"></script>
305<script> 306
vendor: 138 bytes, lines 306-310
306window.dataLayer = window.dataLayer || []; 307 function gtag(){dataLayer.push(arguments);} 308 gtag('js', new Date()); 309 310 gtag('config', '
310G-Z6Y08C7XCJ
vendor: 5 bytes, line 310
310');
311</script>
311 312 313 <div class="site"> 314 315 316 317 318 319 320 321 322 323 324 325 <header class="s-header" role="banner" x-data="composerStructureHeader({id: 7483, isSticky: true})" x-on:scroll.window="handleOnWindowScroll" x-on:resize.window="handleOnWindowResize" x-on:load.window="handleOnWindowLoad"> 326 327 328 329 330 <div class="s-header__mobile s-header__mobile--style-1 s-header__mobile--7483" x-data="composerStructureHeaderMobile" x-on:resize.window.debounce.50ms="handleOnWindowResize" data-panel-id="7483"> 331 332 <div class="s-header__mobile__background"> 333 334 <div class="s-header__mobile__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image:url('https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/Purple_TPS2027_RegistrationPages_V4_Background_2_3000x1013.jpg/fit-in/800x9999/filters:no_upscale()')"></div> 335 336 337 </div> 338 339 <div class="s-header__mobile__default"> 340 <div class="s-header__mobile__default__container u-layout-container-default"> 341 342 <div class="s-header__mobile__default__wrapper-one"> 343 344 <div class="s-header__mobile__logo"> 345 346 347 348 <div class="w-image w-image--id-uid_BD16F w-image--style-1 w-image--style-1--align-left"> 349 <div class="w-image__container" style="width: 280px;"> 350 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="280" alt="The Podcast Show 2027" src="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/podcastshow_date_2027_white-1-.png/fit-in/280x560/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/podcastshow_date_2027_white-1-.png/fit-in/560x1120/filters:no_upscale() 2x" /> </a> 351 </div> 352</div> 353 </div> 354 355 356 </div> 357 358 359 <div class="s-header__mobile__default__wrapper-two"> 360 361 <div class="s-header__mobile__open-trigger"> 362 <button class="s-header__mobile__open-trigger__button u-color-two u-border-solid-1 u-border-radius-shape-circle u-border-color-white" x-on:click="handleOnOpenClick" role="button" aria-label="Open Mobile Menu"> 363 <i class="s-header__mobile__open-trigger__button__icon fal fa-bars"></i> 364 </button> 365 </div> 366 </div> 367 368 </div> 369 </div> 370 <div class="s-header__mobile__open"> 371 <div class="s-header__mobile__open__background u-background-color-one" style="opacity: 0.97;"></div> 372 <div class="s-header__mobile__open__close u-layout-container-default"> 373 <button class="s-header__mobile__open__close__button u-color-two u-border-solid-1 u-border-radius-shape-circle u-border-color-white" role="button" aria-label="Close Mobile Menu" x-on:click="handleOnCloseClick" style=""> 374 <i class="s-header__mobile__open__close__button__icon fal fa-times"></i> 375 </button> 376 </div> 377 <div class="s-header__mobile__open__container"> 378 379 <div class="s-header__mobile__open__wrapper-two"> 380 381 <div class="s-header__mobile__buttons"> 382 383 384 385 <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-left"> 386 <div class="w-button w-button--style-6 w-button--style-6--align-center w-button--style-6--size-normal w-button--style-6--width-fill"> 387 <a class="w-button__button " role="button" aria-label="PRESALE SIGN UP" href="presale-sign-up"><span class="w-button__button__text">PRESALE SIGN UP</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 388 </div> 389</div> 390 </div> 391 392 </div> 393 <div class="s-header__mobile__open__wrapper-three"> 394 395 396 <nav class="s-header__mobile__navigation s-header__mobile__navigation--alignment-top" x-on:click="handleAnchorScroll" aria-label="Main Menu"> 397 398 <!--seed:2223452170CF6649395D104C5F0ADB76921B5767--> 399 400 401 402 <ul class="p-menu--accordion p-menu--accordion--id-9DA93" x-data="composerPatternMenuAccordion({id: '9DA93'})" menuid="9DA93"> 403 404 405 <li class="p-menu__item has-submenu" title="Home"> 406 <div class="p-menu__item__wrapper-one"> 407 408 <a href="home" 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-xx-large" aria-expanded="false">Home</a> 409 410 411 <div class="p-menu__item__submenu-toggle"> 412 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 413 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 414 <span class="u-screen-reader-only">
414Show submenu for: Home</span> 415 </button> 416 </div> 417 418 </div> 419 420 <div class="p-menu__item__wrapper-two"> 421 422 423 424 425 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 426 427 428 <li class="p-menu__item__submenu__item has-submenu" title="About"> 429 <div class="p-menu__item__submenu__item__wrapper-one"> 430 431 <a href="about" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">About</a> 432 433 434 <div class="p-menu__item__submenu__item__submenu-toggle"> 435 <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 436 <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 437 <span class="u-screen-reader-only">Show submenu for: About</span> 438 </button> 439 </div> 440 441 </div> 442 443 <div class="p-menu__item__submenu__item__wrapper-two"> 444 445 446 447 448 <ul class="p-menu__item__submenu" style="display: none;"> 449 450 451 <li class="p-menu__item__submenu__item" title="Contact Us"> 452 <div class="p-menu__item__submenu__item__wrapper-one"> 453 454 <a href="contact-us" target="_self" class="p-menu__item__submenu__item__link u-color-white">Contact Us</a> 455 456 457 </div> 458 459 </li> 460 461 462 </ul> 463 464 465 466 467 </div> 468 469 </li> 470 471 472 </ul> 473 474 475 476 477 </div> 478 479 </li> 480 481 <li class="p-menu__item has-submenu" title="By Day"> 482 <div class="p-menu__item__wrapper-one"> 483 484 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-xx-large" aria-expanded="false">By Day</span> 485 486 487 <div class="p-menu__item__submenu-toggle"> 488 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 489 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 490 <span class="u-screen-reader-only">Show submenu for: By Day</span> 491 </button> 492 </div> 493 494 </div> 495 496 <div class="p-menu__item__wrapper-two"> 497 498 499 500 501 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 502 503 504 <li class="p-menu__item__submenu__item" title="Show Features"> 505 <div class="p-menu__item__submenu__item__wrapper-one"> 506 507 <a href="show-features" target="_self" class="p-menu__item__submenu__item__link u-color-white">Show Features</a> 508 509 510 </div> 511 512 </li> 513 514 <li class="p-menu__item__submenu__item" title="Networking & Events"> 515 <div class="p-menu__item__submenu__item__wrapper-one"> 516 517 <a href="networking-events" target="_self" class="p-menu__item__submenu__item__link u-color-white">Networking & Events</a> 518 519 520 </div> 521 522 </li> 523 524 <li class="p-menu__item__submenu__item has-submenu" title="Plan Your Visit"> 525 <div class="p-menu__item__submenu__item__wrapper-one"> 526 527 <a href="plan-your-visit" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Plan Your Visit</a> 528 529 530 <div class="p-menu__item__submenu__item__submenu-toggle"> 531 <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 532 <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 533 <span class="u-screen-reader-only">Show submenu for: Plan Your Visit</span> 534 </button> 535 </div> 536 537 </div> 538 539 <div class="p-menu__item__submenu__item__wrapper-two"> 540 541 542 543 544 <ul class="p-menu__item__submenu" style="display: none;"> 545 546 547 <li class="p-menu__item__submenu__item" title="Travelling From Abroad"> 548 <div class="p-menu__item__submenu__item__wrapper-one"> 549 550 <a href="travelling-from-abroad" target="_self" class="p-menu__item__submenu__item__link u-color-white">Travelling From Abroad</a> 551 552 553 </div> 554 555 </li> 556 557 <li class="p-menu__item__submenu__item" title="Book Your Hotel"> 558 <div class="p-menu__item__submenu__item__wrapper-one"> 559 560 <a href="book-your-hotel" target="_self" class="p-menu__item__submenu__item__link u-color-white">Book Your Hotel</a> 561 562 563 </div> 564 565 </li> 566 567 <li class="p-menu__item__submenu__item has-submenu" title="Experience London"> 568 <div class="p-menu__item__submenu__item__wrapper-one"> 569 570 <a href="experience-islington-london" target="_self" class="p-menu__item__submenu__item__link u-color-white" aria-expanded="false">Experience London</a> 571 572 573 <div class="p-menu__item__submenu__item__submenu-toggle"> 574 <button class="p-menu__item__submenu__item__submenu-toggle__button u-color-white" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 575 <i class="p-menu__item__submenu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 576 <span class="u-screen-reader-only">Show submenu for: Experience London</span> 577 </button> 578 </div> 579 580 </div> 581 582 <div class="p-menu__item__submenu__item__wrapper-two"> 583 584 585 586 587 <ul class="p-menu__item__submenu" style="display: none;"> 588 589 590 <li class="p-menu__item__submenu__item" title="Things To Do"> 591 <div class="p-menu__item__submenu__item__wrapper-one"> 592 593 <a href="things-to-do" target="_self" class="p-menu__item__submenu__item__link u-color-white">Things To Do</a> 594 595 596 </div> 597 598 </li> 599 600 <li class="p-menu__item__submenu__item" title="Eat & Drink"> 601 <div class="p-menu__item__submenu__item__wrapper-one"> 602 603 <a href="eat-drink-london" target="_self" class="p-menu__item__submenu__item__link u-color-white">Eat & Drink</a> 604 605 606 </div> 607 608 </li> 609 610 611 </ul> 612 613 614 615 616 </div> 617 618 </li> 619 620 <li class="p-menu__item__submenu__item" title="FAQs"> 621 <div class="p-menu__item__submenu__item__wrapper-one"> 622 623 <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-color-white">FAQs</a> 624 625 626 </div> 627 628 </li> 629 630 631 </ul> 632 633 634 635 636 </div> 637 638 </li> 639 640 641 </ul> 642 643 644 645 646 </div> 647 648 </li> 649 650 <li class="p-menu__item has-submenu" title="Sponsor & Exhibit"> 651 <div class="p-menu__item__wrapper-one"> 652
653 <a href="sponsor-exhibit" 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-xx-large" aria-expanded="false">Sponsor & Exhibit</a> 654 655 656 <div class="p-menu__item__submenu-toggle"> 657 <button class="p-menu__item__submenu-toggle__button u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-xx-large" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 658 <i class="p-menu__item__submenu-toggle__button__icon fal fa-chevron-down"></i> 659 <span class="u-screen-reader-only">Show submenu for: Sponsor & Exhibit</span> 660 </button> 661 </div> 662 663 </div> 664 665 <div class="p-menu__item__wrapper-two"> 666 667 668 669 670 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"> 671 672 673 <li class="p-menu__item__submenu__item" title="Enquire to Exhibit"> 674 <div class="p-menu__item__submenu__item__wrapper-one"> 675 676 <a href="javascript:openRemoteModal('__modal/sponsor-exhibit/enquire-exhibit','ajax',{},false,'',{"dimension15":"sponsor-exhibit/enquire-exhibit"});" target="_self" class="p-menu__item__submenu__item__link u-color-white">Enquire to Exhibit</a> 677 678 679 </div> 680 681 </li> 682 683 684 </ul> 685 686 687 688 689 </div> 690 691 </li> 692 693 <li class="p-menu__item" title="Partners"> 694 <div class="p-menu__item__wrapper-one"> 695 696 <a href="partners-2026" 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-xx-large">Partners</a> 697 698 699 </div> 700 701 </li> 702 703 <li class="p-menu__item" title="News Sign Up"> 704 <div class="p-menu__item__wrapper-one"> 705 706 <a href="javascript:openRemoteModal('__modal/sign-up','ajax',{},false,'',{"dimension15":"sign-up"});" 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-xx-large">News Sign Up</a> 707 708 709 </div> 710 711 </li> 712 713 <li class="p-menu__item" title="Gallery"> 714 <div class="p-menu__item__wrapper-one"> 715 716 <a href="gallery" 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-xx-large">Gallery</a> 717 718 719 </div> 720 721 </li> 722 723 724 <li class="p-menu__item p-menu__item--more has-submenu" style="display: none;"> 725 <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-xx-large" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 726 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button"> 727 <span class="p-menu__item__text">More</span> 728 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 729 <span class="u-screen-reader-only">Show more menu items</span> 730 </button> 731 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1" style="display: none;"></ul> 732 </li> 733 734 </ul> 735 736
736<script> 737 function composerPatternMenuAccordion(params) { 738 return { 739 id: params.id, 740 config: { 741 classes: { 742 mainMenuItem : 'p-menu__item', 743 subMenuItemClass:'p-menu__item__submenu__item' 744 } 745 }, 746 init() { 747 this.setActiveMenuItem(); 748 }, 749 setActiveMenuItem() { 750 var $activeMenuItem = $('.p-menu--accordion--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 751 752 this.toggleOnActiveStyling($activeMenuItem); 753 }, 754 showSubmenu($menuItem){ 755 var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); 756 var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); 757 var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); 758 759 $menuItemSubMenu.slideDown(); 760 $menuItem.addClass('has-submenu-open'); 761 $menuItemTitle.attr('aria-expanded', 'true'); 762 $menuItemToggle.attr('aria-expanded', 'true'); 763 }, 764 hideSubmenu($menuItem){ 765 var $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text').first(); 766 var $menuItemToggle = $menuItem.find('.p-menu__item__submenu-toggle__button, .p-menu__item__submenu__item__submenu-toggle__button').first(); 767 var $menuItemSubMenu = $menuItem.find('.p-menu__item__submenu').first(); 768 769 $menuItemSubMenu.slideUp(); 770 771 $menuItem.removeClass('has-submenu-open'); 772 $menuItemTitle.attr('aria-expanded', 'false'); 773 $menuItemToggle.attr('aria-expanded', 'false'); 774 }, 775 handleSubmenuToggleClick(e) { 776 var $parentMenuItem; 777 778 if ($(e.currentTarget).hasClass('p-menu__item__submenu-toggle__button')) { 779 $parentMenuItem = $(e.currentTarget).closest('.p-menu__item'); 780 } 781 else { 782 $parentMenuItem = $(e.currentTarget).closest('.p-menu__item__submenu__item'); 783 } 784 785 if ($parentMenuItem.hasClass('has-submenu-open')) { 786 this.hideSubmenu($parentMenuItem); 787 } 788 else { 789 this.showSubmenu($parentMenuItem); 790 } 791 }, 792 handleMenuItemMouseEnter(e) { 793 this.toggleOnHoverStyling($(e.currentTarget), "enter"); 794 }, 795 handleMenuItemMouseLeave(e) { 796 this.toggleOnHoverStyling($(e.currentTarget), "leave"); 797 }, 798 toggleOnActiveStyling($menuItem) { 799 800 var $menuItemTitle; 801 if ($menuItem.children().children().hasClass('is-active')) { 802 if ($menuItem.hasClass('p-menu__item')) { 803 $menuItemTitle = $menuItem.find('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 804 // Set the active color 805 if (1 == 1) { 806 var color = "white"; 807 var onActiveColor = "two"; 808 var onActiveColorCustom = ""; 809 810 // Apply new active color 811 if (onActiveColorCustom) { 812 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 813 $menuItemTitle.css("color", onActiveColorCustom); 814 } else { 815 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 816 $menuItemTitle.addClass('u-color-' + onActiveColor); 817 } 818 } 819 if (1 == 2) { 820 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 821 $menuItemTitle.addClass(fontFamily); 822 } 823 } else { 824 $menuItemTitle = $menuItem.find('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 825 if (1 == 1) { 826 var color = "white"; 827 var onActiveColor = "two"; 828 var onActiveColorCustom = ""; 829 830 // Apply new active color 831 if (onActiveColorCustom) { 832 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 833 $menuItemTitle.css("color", onActiveColorCustom); 834 } else { 835 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 836 $menuItemTitle.addClass('u-color-' + onActiveColor); 837 } 838 } 839 if (1 == 2) { 840 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 841 $menuItemTitle.addClass(fontFamily); 842 } 843 } 844 } 845 846 }, 847 toggleOnHoverStyling($menuItem, action){ 848 849 } 850 }; 851 } 852 </script>
852 853 854 855 856 857 858 </nav> 859 860 </div> 861 862 863 <div class="s-header__mobile__open__wrapper-four"> 864 <nav class="s-header__mobile__top-menu"> 865 866 <!--seed:B0E5236A0D8F5404210F2FC76DF753633A27054C--> 867 868 869 870 </nav> 871 </div> 872 873 874 <div class="s-header__mobile__open__wrapper-five"> 875 <div class="s-header__mobile__social"> 876 877 878 879 <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center" aria-label="Social Media links"> 880 <ul class="w-social-networks__items w-social-networks__items--align-center" role="list"> 881 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="http://twitter.com/podcastshowldn" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"> <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> 882 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.instagram.com/podcastshowldn" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 883 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.linkedin.com/company/the-podcast-show" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 884 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-white u-color-white u-border-radius-shape-circle" href="https://www.tiktok.com/@podcastshowldn" target="_blank" rel="noopener noreferrer" title="TikTok" aria-label="TikTok"> <i class="w-social-networks__items__item__link__icon fa-brands fa-tiktok u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 885 </ul> 886</div> 887 </div> 888 </div> 889 890 </div> 891 </div> 892 893
893<script> 894 function composerStructureHeaderMobile() { 895 const openMobileMenu = document.querySelector('.s-header__mobile__open'); 896 897 return { 898 anchorScrollBound: false, 899 openMenu() { 900 openMobileMenu.classList.add('is-open'); 901 document.body.style.overflow = 'hidden'; 902 }, 903 closeMenu() { 904 openMobileMenu.classList.remove('is-open'); 905 document.body.style.overflow = ''; 906 }, 907 handleOnOpenClick(e){ 908 this.openMenu(); 909 }, 910 handleOnCloseClick(e){ 911 this.closeMenu(); 912 }, 913 handleOnWindowResize(){ 914 if (window.matchMedia("(min-width: 1240px)").matches) { 915 this.closeMenu(); 916 } 917 }, 918 // Temporary fix for mobile menu anchors not closing the menu - CII-468 919 handleAnchorScroll(){ 920 if (this.anchorScrollBound) { 921 return; 922 } 923 924 this.anchorScrollBound = true; 925 openMobileMenu.querySelectorAll('.p-menu__item__submenu__item__link[href*="#"]').forEach(link => { 926 link.addEventListener('click', () => { 927 this.closeMenu(); 928 }); 929 }); 930 } 931 }; 932 } 933 </script>
933 934 935 936 </div> 937 938 939 940 941 942 <div class="s-header__default s-header__default--style-4 s-header__default--id-7483" data-panel-id="7483"> 943 <div class="s-header__default__container u-layout-container-full-viewport"> 944 <div class="s-header__default__container__inner"> 945 946 <div class="s-header__default__background"> 947 948 <div class="s-header__default__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image:url('https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/Purple_TPS2027_RegistrationPages_V4_Background_2_3000x1013.jpg/fit-in/1920x9999/filters:no_upscale()')"></div> 949 950 951 </div> 952 953 <div class="s-header__default__wrapper-one"> 954 <div class="s-header__default__wrapper-one__container u-layout-container-default"> 955 956 <div class="s-header__default__wrapper-one__wrapper-one"> 957 <div class="s-header__default__social"> 958 959 960 961 <div class="w-social-networks w-social-networks--style-1 w-social-networks--style-1--align-center" aria-label="Social Media links"> 962 <ul class="w-social-networks__items w-social-networks__items--align-center" role="list"> 963 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-five u-color-text u-border-radius-shape-circle" href="http://twitter.com/podcastshowldn" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"> <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> 964 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-five u-color-text u-border-radius-shape-circle" href="https://www.instagram.com/podcastshowldn" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"> <i class="w-social-networks__items__item__link__icon fa-brands fa-instagram u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 965 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-five u-color-text u-border-radius-shape-circle" href="https://www.linkedin.com/company/the-podcast-show" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"> <i class="w-social-networks__items__item__link__icon fa-brands fa-linkedin u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 966 <li class="w-social-networks__items__item" role="listitem"> <a class="w-social-networks__items__item__link u-border-solid-1 u-border-color-five u-color-text u-border-radius-shape-circle" href="https://www.tiktok.com/@podcastshowldn" target="_blank" rel="noopener noreferrer" title="TikTok" aria-label="TikTok"> <i class="w-social-networks__items__item__link__icon fa-brands fa-tiktok u-font-icons-size-normal" aria-hidden="true"></i> </a> </li> 967 </ul> 968</div> 969 </div> 970 </div> 971 972 <div class="s-header__default__wrapper-one__wrapper-two"> 973 974 975 </div> 976 </div> 977 </div> 978 <div class="s-header__default__wrapper-two"> 979 <div class="s-header__default__wrapper-two__container u-layout-container-default"> 980 <div class="s-header__default__wrapper-two__wrapper-one"> 981 982 <div class="s-header__default__dates u-color-white u-font-two u-font-two-size-large"> 983 984 985 986 <p><strong>CONNECT. TUNE IN. STAY SHARP.</strong></p> 987 988 </div> 989 990 </div> 991 <div class="s-header__default__wrapper-two__wrapper-two"> 992 993 <div class="s-header__default__logo"> 994 995 996 997 <div class="w-image w-image--id-uid_A5DE1 w-image--style-1 w-image--style-1--align-left"> 998 <div class="w-image__container" style="width: 350px;"> 999 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="350" alt="The Podcast Show 2027" src="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/podcastshow_date_2027_white.png/fit-in/350x700/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/podcastshow_date_2027_white.png/fit-in/700x1400/filters:no_upscale() 2x" /> </a> 1000 </div> 1001</div> 1002 </div> 1003 1004 </div> 1005 <div class="s-header__default__wrapper-two__wrapper-three"> 1006 1007 1008 1009 <div class="s-header__default__call-to-actions"> 1010 1011 1012 1013 <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"> 1014 <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"> 1015 <a class="w-button__button " role="button" aria-label="PRESALE SIGN UP" href="presale-sign-up"><span class="w-button__button__text">PRESALE SIGN UP</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 1016 </div> 1017 <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> 1018 <a class="w-button__button " role="button" aria-label="PARTNER WITH US" href="sponsor-ex
1018hibit"><span class="w-button__button__text">PARTNER WITH US</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 1019 </div> 1020</div> 1021 </div> 1022 1023 </div> 1024 </div> 1025 </div> 1026 1027 1028 <div class="s-header__default__wrapper-three" style=""> 1029 <div class="s-header__default__wrapper-three__container u-layout-container-default"> 1030 <nav class="s-header__default__navigation" role="navigation" aria-label="Main Menu"> 1031 1032 <!--seed:D41775F687C5C836E13C6979ED32985F7E04A766--> 1033 1034 1035 1036 <ul class="p-menu--dropdown p-menu--dropdown--id-0DCC5 is-loading" x-data="composerPatternMenuDropdown({id: '0DCC5'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="0DCC5"> 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1054 1055 1056 1057 <a href="home" 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"> 1058 Home 1059 </a> 1060 1061 1062 1063 <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" x-on:click="handleSubmenuToggleClick"> 1064 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 1065 <span class="u-screen-reader-only">Show submenu for: Home</span> 1066 </button> 1067 1068 1069 1070 1071 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1089 1090 1091 1092 <a href="about" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1093 About 1094 </a> 1095 1096 1097 1098 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1099 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 1100 <span class="u-screen-reader-only">Show submenu for: About</span> 1101 </button> 1102 1103 1104 1105 1106 <ul class="p-menu__item__submenu"> 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1124 1125 1126 1127 <a href="contact-us" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1128 Contact Us 1129 </a> 1130 1131 1132 1133 1134 </li> 1135 1136 1137 </ul> 1138 1139 1140 1141 1142 1143 1144 </li> 1145 1146 1147 </ul> 1148 1149 1150 1151 1152 1153 1154 </li> 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1171 1172 1173
1174 <span class="p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large"> 1175 By Day 1176 </span> 1177 1178 1179 1180 <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" x-on:click="handleSubmenuToggleClick"> 1181 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 1182 <span class="u-screen-reader-only">Show submenu for: By Day</span> 1183 </button> 1184 1185 1186 1187 1188 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1206 1207 1208 1209 <a href="show-features" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1210 Show Features 1211 </a> 1212 1213 1214 1215 1216 </li> 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1233 1234 1235 1236 <a href="networking-events" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1237 Networking & Events 1238 </a> 1239 1240 1241 1242 1243 </li> 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1260 1261 1262 1263 <a href="plan-your-visit" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1264 Plan Your Visit 1265 </a> 1266 1267 1268 1269 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1270 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 1271 <span class="u-screen-reader-only">Show submenu for: Plan Your Visit</span> 1272 </button> 1273 1274 1275 1276 1277 <ul class="p-menu__item__submenu"> 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1295 1296 1297 1298 <a href="travelling-from-abroad" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1299 Travelling From Abroad 1300 </a> 1301 1302 1303 1304 1305 </li> 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1322 1323 1324 1325 <a href="book-your-hotel" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1326 Book Your Hotel 1327 </a> 1328 1329 1330 1331 1332 </li> 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1349 1350 1351 1352 <a href="experience-islington-london" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1353 Experience London 1354 </a> 1355 1356 1357 1358 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1359 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i>
1360 <span class="u-screen-reader-only">Show submenu for: Experience London</span> 1361 </button> 1362 1363 1364 1365 1366 <ul class="p-menu__item__submenu"> 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1384 1385 1386 1387 <a href="things-to-do" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1388 Things To Do 1389 </a> 1390 1391 1392 1393 1394 </li> 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1411 1412 1413 1414 <a href="eat-drink-london" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1415 Eat & Drink 1416 </a> 1417 1418 1419 1420 1421 </li> 1422 1423 1424 </ul> 1425 1426 1427 1428 1429 1430 1431 </li> 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1448 1449 1450 1451 <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1452 FAQs 1453 </a> 1454 1455 1456 1457 1458 </li> 1459 1460 1461 </ul> 1462 1463 1464 1465 1466 1467 1468 </li> 1469 1470 1471 </ul> 1472 1473 1474 1475 1476 1477 1478 </li> 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1495 1496 1497 1498 <a href="sponsor-exhibit" 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"> 1499 Sponsor & Exhibit 1500 </a> 1501 1502 1503 1504 <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" x-on:click="handleSubmenuToggleClick"> 1505 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 1506 <span class="u-screen-reader-only">Show submenu for: Sponsor & Exhibit</span> 1507 </button> 1508 1509 1510 1511 1512 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1530 1531 1532 1533 <a href="javascript:openRemoteModal('__modal/sponsor-ex
1533hibit/enquire-exhibit','ajax',{},false,'',{"dimension15":"sponsor-exhibit/enquire-exhibit"});" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 1534 Enquire to Exhibit 1535 </a> 1536 1537 1538 1539 1540 </li> 1541 1542 1543 </ul> 1544 1545 1546 1547 1548 1549 1550 </li> 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1567 1568 1569 1570 <a href="partners-2026" 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"> 1571 Partners 1572 </a> 1573 1574 1575 1576 1577 </li> 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1594 1595 1596 1597 <a href="javascript:openRemoteModal('__modal/sign-up','ajax',{},false,'',{"dimension15":"sign-up"});" 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"> 1598 News Sign Up 1599 </a> 1600 1601 1602 1603 1604 </li> 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1621 1622 1623 1624 <a href="gallery" 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"> 1625 Gallery 1626 </a> 1627 1628 1629 1630 1631 </li> 1632 1633 1634 <li class="p-menu__item p-menu__item--more has-submenu" title="Gallery" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1635 <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" 1636 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button"> 1637 <span class="p-menu__item__text">More</span> 1638 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 1639 <span class="u-screen-reader-only">Show more menu items</span> 1640 </button> 1641 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> 1642 </li> 1643 1644 </ul> 1645 1646
1646<script> 1647 function composerPatternMenuDropdown(params) { 1648 return { 1649 id: params.id, 1650 config: { 1651 classes: { 1652 mainMenuItem : 'p-menu__item', 1653 mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large', 1654 mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-white u-font-two u-text-uppercase u-font-two-size-large', 1655 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', 1656 mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', 1657 mainMenuItemCustomStyles: '', 1658 subMenuItemClass:'p-menu__item__submenu__item', 1659 subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-muted u-color-text', 1660 subMenuItemText:'p-menu__item__submenu__item__text u-background-color-muted u-color-text', 1661 subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text', 1662 subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', 1663 subMenuItemCustomStyles:'' 1664 } 1665 }, 1666 init() { 1667 this.fitMenu(); 1668 this.setActiveMenuItem(); 1669 }, 1670 setActiveMenuItem() { 1671 var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 1672 this.toggleOnActiveStyling($activeMenuItem); 1673 }, 1674 fitMenu() { 1675 var menu = $('.p-menu--dropdown--id-' + this.id); 1676 1677 menu.addClass('is-loading'); 1678 1679 if (menu.is(':visible')) { 1680 var menuItemsWidth = 0; 1681 var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); 1682 1683 menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { 1684 menuItemsWidth += $(this).outerWidth( true ); 1685 });
1686 1687 var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; 1688 1689 if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { 1690 var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); 1691 1692 lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); 1693 lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); 1694 lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); 1695 lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); 1696 lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); 1697 lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); 1698 1699 var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); 1700 1701 lastParentMenuItemSubmenus.each(function() { 1702 var currentClasses = $(this).attr('class'); 1703 1704 var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); 1705 1706 if (currentLevelMatch) { 1707 var currentLevel = parseInt(currentLevelMatch[1]); 1708 var newLevel = currentLevel + 1; 1709 var newClasses = currentClasses.replace(currentLevelMatch[0], ''); 1710 1711 newClasses += ' p-menu__item__submenu--level-' + newLevel; 1712 1713 $(this).attr('class', newClasses); 1714 } 1715 }); 1716 1717 lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); 1718 1719 this.fitMenu(); 1720 } else { 1721 var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); 1722 1723 if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { 1724 firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); 1725 firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); 1726 firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); 1727 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); 1728 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); 1729 firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); 1730 1731 this.fitMenu(); 1732 } 1733 } 1734 1735 if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { 1736 menu.find('.p-menu__item--more').show(); 1737 } else { 1738 menu.find('.p-menu__item--more').hide(); 1739 } 1740 1741 this.setActiveMenuItem(); 1742 1743 menu.removeClass('is-loading'); 1744 } 1745 }, 1746 showSubmenu($menuItem){ 1747 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 1748 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 1749 1750 $menuItem.addClass('has-submenu-open'); 1751 $menuItemTitle.attr('aria-expanded', 'true'); 1752 $menuItemToggle.attr('aria-expanded', 'true'); 1753 }, 1754 hideSubmenu($menuItem){ 1755 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 1756 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 1757 1758 $menuItem.removeClass('has-submenu-open'); 1759 $menuItemTitle.attr('aria-expanded', 'false'); 1760 $menuItemToggle.attr('aria-expanded', 'false'); 1761 }, 1762 toggleOnActiveStyling($menuItem){ 1763 var $menuItemTitle; 1764 if ($menuItem.children().hasClass('is-active')) { 1765 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 1766 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1767 // Set the active color 1768 if (1 == 1) { 1769 var color = "white"; 1770 var onActiveColor = "white"; 1771 var onActiveColorCustom = ""; 1772 1773 // Apply new active color 1774 if (onActiveColorCustom) { 1775 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1776 $menuItemTitle.css("color", onActiveColorCustom); 1777 } else { 1778 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1779 $menuItemTitle.addClass('u-color-' + onActiveColor); 1780 } 1781 } 1782 if (1 == 2) { 1783 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1784 $menuItemTitle.addClass(fontFamily); 1785 } 1786 } else { 1787 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1788 if (1 == 1) { 1789 var color = "text"; 1790 var onActiveColor = "one"; 1791 var onActiveColorCustom = ""; 1792 1793 // Apply new active color 1794 if (onActiveColorCustom) { 1795 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1796 $menuItemTitle.css("color", onActiveColorCustom); 1797 } else { 1798 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 1799 $menuItemTitle.addClass('u-color-' + onActiveColor); 1800 } 1801 } 1802 if (1 == 2) { 1803 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 1804 $menuItemTitle.addClass(fontFamily); 1805 } 1806 } 1807 } 1808 }, 1809 toggleOnHoverStyling($menuItem, action){ 1810 var $menuItemTitle; 1811 1812 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 1813 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 1814 1815 if (!$menuItemTitle.hasClass('is-active')){ 1816 if (1 == 1) { 1817 toggleColor("main"); 1818 } 1819 } 1820 } 1821 else { 1822 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 1823 1824 if (!$menuItemTitle.hasClass('is-active')){ 1825 if (1 == 1) { 1826 toggleColor("sub"); 1827 } 1828 } 1829 } 1830 1831 function toggleColor(level) { 1832 var color = level == "main" ? "white" : "text"; 1833 var colorType = color == "custom" ? "style" : "class"; 1834 var colorCustom = level == "main" ? "" : ""; 1835 var onHoverColor = level == "main" ? "white" : "one"; 1836 var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; 1837 var onHoverColorCustom = level == "main" ? "" : ""; 1838 1839 if (colorType == "class") {
1840 if (onHoverColorType == "class") { 1841 if (action == "enter") { 1842 $menuItemTitle.removeClass('u-color-' + color); 1843 $menuItemTitle.addClass('u-color-' + onHoverColor); 1844 } 1845 else { 1846 $menuItemTitle.removeClass('u-color-' + onHoverColor); 1847 $menuItemTitle.addClass('u-color-' + color); 1848 } 1849 } 1850 else { 1851 if (action == "enter") { 1852 $menuItemTitle.removeClass('u-color-' + color); 1853 $menuItemTitle.css("color", onHoverColorCustom); 1854 } 1855 else { 1856 $menuItemTitle.addClass('u-color-' + color); 1857 $menuItemTitle.css("color", ""); 1858 } 1859 } 1860 } 1861 else { 1862 if (onHoverColorType == "class") { 1863 if (action == "enter") { 1864 $menuItemTitle.css("color", ""); 1865 $menuItemTitle.addClass('u-color-' + onHoverColor); 1866 } 1867 else { 1868 $menuItemTitle.css("color", colorCustom); 1869 $menuItemTitle.removeClass('u-color-' + onHoverColor); 1870 } 1871 } 1872 else { 1873 if (action == "enter") { 1874 $menuItemTitle.css("color", onHoverColorCustom); 1875 } 1876 else { 1877 $menuItemTitle.css("color", colorCustom); 1878 } 1879 } 1880 } 1881 } 1882 }, 1883 handleMenuItemMouseEnter(e) { 1884 this.showSubmenu($(e.target)); 1885 this.toggleOnHoverStyling($(e.target), "enter"); 1886 }, 1887 handleMenuItemMouseLeave(e) { 1888 this.hideSubmenu($(e.target)); 1889 this.toggleOnHoverStyling($(e.target), "leave"); 1890 }, 1891 handleSubmenuToggleClick(e) { 1892 var $parentMenuItem = $(e.target).parent('.p-menu__item'); 1893 1894 if ($parentMenuItem.hasClass('has-submenu-open')) { 1895 this.hideSubmenu($parentMenuItem); 1896 } 1897 else { 1898 this.showSubmenu($parentMenuItem); 1899 } 1900 } 1901 }; 1902 } 1903 </script>
1903 1904 1905 1906 1907 1908 1909 </nav> 1910 </div> 1911 </div> 1912 1913 </div> 1914 </div> 1915 </div> 1916 1917 1918 <template x-if="isHeaderDefaultStickyVisible"> 1919 1920 1921 1922 1923 <div class="s-header__sticky s-header__sticky--style-1 s-header__sticky--id-7483" x-bind:class="{ 'is-visible': isHeaderDefaultStickyVisible }" data-panel-id="7483"> 1924 <div class="s-header__default__container u-layout-container-full-viewport"> 1925 <div class="s-header__default__container__inner u-border-bottom-solid-1 u-border-bottom-color-muted"> 1926 1927 <div class="s-header__sticky__background"> 1928 1929 <div class="s-header__sticky__background__color u-background-color-white"></div> 1930 1931 1932 </div> 1933 1934 <div class="s-header__sticky__wrapper-one"> 1935 <div class="s-header__sticky__wrapper-one__container u-layout-container-full-width"> 1936 <div class="s-header__sticky__wrapper-one__wrapper-one"> 1937 1938 <div class="s-header__sticky__logo"> 1939 1940 1941 1942 <div class="w-image w-image--id-uid_93119 w-image--style-1 w-image--style-1--align-left"> 1943 <div class="w-image__container" style="width: 200px;"> 1944 <a class="w-image__image" href=""> <img class="w-image__image__image" loading="lazy" width="200" alt="The Podcast Show 2027" src="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/podcastshow_2027.png/fit-in/200x400/filters:no_upscale()" srcset="https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/podcastshow_2027.png/fit-in/400x800/filters:no_upscale() 2x" /> </a> 1945 </div> 1946</div> 1947 </div> 1948 1949 1950 </div> 1951 1952 1953 <div class="s-header__sticky__wrapper-one__wrapper-two"> 1954 <nav class="s-header__sticky__navigation" aria-label="Main Menu"> 1955 1956 1957 1958 1959 <!--seed:241C42BF4CFA68FF44B0BC924DAF81E66111E2D2--> 1960 1961 1962 1963 <ul class="p-menu--dropdown p-menu--dropdown--id-4A61C is-loading" x-data="composerPatternMenuDropdown({id: '4A61C'})" x-on:resize.window.debounce.250ms="fitMenu" x-on:load.window="fitMenu" menuid="4A61C"> 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 1981 1982 1983 1984 <a href="home" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-text u-font-two u-text-uppercase"> 1985 Home 1986 </a> 1987 1988 1989 1990 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-text u-font-two u-text-uppercase" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 1991 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 1992 <span class="u-screen-reader-only">Show submenu for: Home</span> 1993 </button> 1994 1995 1996 1997 1998 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2016 2017 2018 2019 <a href="about" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2020 About 2021 </a> 2022 2023 2024 2025 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2026 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i>
2027 <span class="u-screen-reader-only">Show submenu for: About</span> 2028 </button> 2029 2030 2031 2032 2033 <ul class="p-menu__item__submenu"> 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2051 2052 2053 2054 <a href="contact-us" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2055 Contact Us 2056 </a> 2057 2058 2059 2060 2061 </li> 2062 2063 2064 </ul> 2065 2066 2067 2068 2069 2070 2071 </li> 2072 2073 2074 </ul> 2075 2076 2077 2078 2079 2080 2081 </li> 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2098 2099 2100 2101 <span class="p-menu__item__text u-font-two-weight-bold u-color-text u-font-two u-text-uppercase"> 2102 By Day 2103 </span> 2104 2105 2106 2107 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-text u-font-two u-text-uppercase" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2108 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2109 <span class="u-screen-reader-only">Show submenu for: By Day</span> 2110 </button> 2111 2112 2113 2114 2115 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2133 2134 2135 2136 <a href="show-features" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2137 Show Features 2138 </a> 2139 2140 2141 2142 2143 </li> 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2160 2161 2162 2163 <a href="networking-events" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2164 Networking & Events 2165 </a> 2166 2167 2168 2169 2170 </li> 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2187 2188 2189 2190 <a href="plan-your-visit" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2191 Plan Your Visit 2192 </a> 2193 2194 2195 2196 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2197 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i>
2198 <span class="u-screen-reader-only">Show submenu for: Plan Your Visit</span> 2199 </button> 2200 2201 2202 2203 2204 <ul class="p-menu__item__submenu"> 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2222 2223 2224 2225 <a href="travelling-from-abroad" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2226 Travelling From Abroad 2227 </a> 2228 2229 2230 2231 2232 </li> 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2249 2250 2251 2252 <a href="book-your-hotel" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2253 Book Your Hotel 2254 </a> 2255 2256 2257 2258 2259 </li> 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 <li class="p-menu__item__submenu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2276 2277 2278 2279 <a href="experience-islington-london" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2280 Experience London 2281 </a> 2282 2283 2284 2285 <button class="p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2286 <i class="p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2287 <span class="u-screen-reader-only">Show submenu for: Experience London</span> 2288 </button> 2289 2290 2291 2292 2293 <ul class="p-menu__item__submenu"> 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2311 2312 2313 2314 <a href="things-to-do" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2315 Things To Do 2316 </a> 2317 2318 2319 2320 2321 </li> 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2338 2339 2340 2341 <a href="eat-drink-london" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2342 Eat & Drink 2343 </a> 2344 2345 2346 2347 2348 </li> 2349 2350 2351 </ul> 2352 2353 2354 2355 2356 2357 2358 </li> 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2375 2376 2377 2378 <a href="faqs" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2379 FAQs 2380 </a> 2381 2382 2383 2384 2385 </li> 2386 2387 2388 </ul> 2389 2390 2391 2392 2393 2394 2395 </li> 2396 2397 2398 </ul> 2399 2400 2401 2402 2403 2404 2405 </li> 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 <li class="p-menu__item has-submenu" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2422 2423 2424
2425 <a href="sponsor-exhibit" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-text u-font-two u-text-uppercase"> 2426 Sponsor & Exhibit 2427 </a> 2428 2429 2430 2431 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-text u-font-two u-text-uppercase" aria-expanded="false" x-on:click="handleSubmenuToggleClick"> 2432 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down"></i> 2433 <span class="u-screen-reader-only">Show submenu for: Sponsor & Exhibit</span> 2434 </button> 2435 2436 2437 2438 2439 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"> 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 <li class="p-menu__item__submenu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2457 2458 2459 2460 <a href="javascript:openRemoteModal('__modal/sponsor-exhibit/enquire-exhibit','ajax',{},false,'',{"dimension15":"sponsor-exhibit/enquire-exhibit"});" target="_self" class="p-menu__item__submenu__item__link u-background-color-muted u-color-text"> 2461 Enquire to Exhibit 2462 </a> 2463 2464 2465 2466 2467 </li> 2468 2469 2470 </ul> 2471 2472 2473 2474 2475 2476 2477 </li> 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2494 2495 2496 2497 <a href="partners-2026" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-text u-font-two u-text-uppercase"> 2498 Partners 2499 </a> 2500 2501 2502 2503 2504 </li> 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2521 2522 2523 2524 <a href="javascript:openRemoteModal('__modal/sign-up','ajax',{},false,'',{"dimension15":"sign-up"});" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-text u-font-two u-text-uppercase"> 2525 News Sign Up 2526 </a> 2527 2528 2529 2530 2531 </li> 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 <li class="p-menu__item" title="" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2548 2549 2550 2551 <a href="gallery" target="_self" class="p-menu__item__link u-font-two-weight-bold u-color-text u-font-two u-text-uppercase"> 2552 Gallery 2553 </a> 2554 2555 2556 2557 2558 </li> 2559 2560 2561 <li class="p-menu__item p-menu__item--more has-submenu" title="Gallery" style="display: none;" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 2562 <button class="p-menu__item__submenu-toggle u-font-two-weight-bold u-color-text u-font-two u-text-uppercase" aria-expanded="false" aria-controls="more-menu" x-on:click="handleSubmenuToggleClick" x-on:keydown.enter="handleSubmenuToggleClick" 2563 x-on:keydown.space.prevent="handleSubmenuToggleClick" tabindex="0" role="button">
2564 <span class="p-menu__item__text">More</span> 2565 <i class="p-menu__item__submenu-toggle__icon fal fa-chevron-down" aria-hidden="true"></i> 2566 <span class="u-screen-reader-only">Show more menu items</span> 2567 </button> 2568 <ul class="p-menu__item__submenu p-menu__item__submenu--level-1"></ul> 2569 </li> 2570 2571 </ul> 2572 2573
2573<script> 2574 function composerPatternMenuDropdown(params) { 2575 return { 2576 id: params.id, 2577 config: { 2578 classes: { 2579 mainMenuItem : 'p-menu__item', 2580 mainMenuItemLink: 'p-menu__item__link u-font-two-weight-bold u-color-text u-font-two u-text-uppercase', 2581 mainMenuItemText: 'p-menu__item__text u-font-two-weight-bold u-color-text u-font-two u-text-uppercase', 2582 mainMenuItemSubMenuToggle: 'p-menu__item__submenu-toggle u-font-two-weight-bold u-color-text u-font-two u-text-uppercase', 2583 mainMenuItemSubMenuToggleIcon: 'p-menu__item__submenu-toggle__icon fal fa-chevron-down', 2584 mainMenuItemCustomStyles: '', 2585 subMenuItemClass:'p-menu__item__submenu__item', 2586 subMenuItemLink:'p-menu__item__submenu__item__link u-background-color-muted u-color-text', 2587 subMenuItemText:'p-menu__item__submenu__item__text u-background-color-muted u-color-text', 2588 subMenuItemSubMenuToggle:'p-menu__item__submenu__item__submenu-toggle u-background-color-muted u-color-text', 2589 subMenuItemSubMenuToggleIcon: 'p-menu__item__submenu__item__submenu-toggle__icon fal fa-chevron-down', 2590 subMenuItemCustomStyles:'' 2591 } 2592 }, 2593 init() { 2594 this.fitMenu(); 2595 this.setActiveMenuItem(); 2596 }, 2597 setActiveMenuItem() { 2598 var $activeMenuItem = $('.p-menu--dropdown--id-' + params.id + ' .is-active').closest('.p-menu__item, .p-menu__item__submenu__item'); 2599 this.toggleOnActiveStyling($activeMenuItem); 2600 }, 2601 fitMenu() { 2602 var menu = $('.p-menu--dropdown--id-' + this.id); 2603 2604 menu.addClass('is-loading'); 2605 2606 if (menu.is(':visible')) { 2607 var menuItemsWidth = 0; 2608 var moreMenuItemWidth = menu.find('.p-menu__item--more').outerWidth(true); 2609 2610 menu.children('.p-menu__item:not(.p-menu__item--more)').each(function() { 2611 menuItemsWidth += $(this).outerWidth( true ); 2612 });
2613 2614 var parentMenuWidth = menu.parent().outerWidth(true) - moreMenuItemWidth; 2615 2616 if ((parentMenuWidth >= 0) && (menuItemsWidth > parentMenuWidth)) { 2617 var lastParentMenuItem = menu.children('.p-menu__item:not(.p-menu__item--more)').last(); 2618 2619 lastParentMenuItem.attr('data-width', lastParentMenuItem.outerWidth(true)); 2620 lastParentMenuItem.attr('class', this.config.classes.subMenuItemClass); 2621 lastParentMenuItem.find('.p-menu__item__link').attr('class', this.config.classes.subMenuItemLink).attr('style', this.config.classes.subMenuItemCustomStyles); 2622 lastParentMenuItem.find('.p-menu__item__text').attr('class', this.config.classes.subMenuItemText).attr('style', this.config.classes.subMenuItemCustomStyles); 2623 lastParentMenuItem.find('.p-menu__item__submenu-toggle').attr('class', this.config.classes.subMenuItemSubMenuToggle).attr('style', this.config.classes.subMenuItemCustomStyles); 2624 lastParentMenuItem.find('.p-menu__item__submenu-toggle__icon').attr('class', this.config.classes.subMenuItemSubMenuToggleIcon); 2625 2626 var lastParentMenuItemSubmenus = lastParentMenuItem.find('.p-menu__item__submenu'); 2627 2628 lastParentMenuItemSubmenus.each(function() { 2629 var currentClasses = $(this).attr('class'); 2630 2631 var currentLevelMatch = currentClasses.match(/p-menu__item__submenu--level-(\d+)/); 2632 2633 if (currentLevelMatch) { 2634 var currentLevel = parseInt(currentLevelMatch[1]); 2635 var newLevel = currentLevel + 1; 2636 var newClasses = currentClasses.replace(currentLevelMatch[0], ''); 2637 2638 newClasses += ' p-menu__item__submenu--level-' + newLevel; 2639 2640 $(this).attr('class', newClasses); 2641 } 2642 }); 2643 2644 lastParentMenuItem.prependTo(menu.find('.p-menu__item--more > .p-menu__item__submenu')); 2645 2646 this.fitMenu(); 2647 } else { 2648 var firstMoreMenuItem = menu.find('.p-menu__item--more .p-menu__item__submenu__item').first(); 2649 2650 if (firstMoreMenuItem.length && ((menuItemsWidth + firstMoreMenuItem.data('width')) < parentMenuWidth)) { 2651 firstMoreMenuItem.attr('class', this.config.classes.mainMenuItem); 2652 firstMoreMenuItem.find('.p-menu__item__submenu__item__link').attr('class', this.config.classes.mainMenuItemLink).attr('style', this.config.classes.mainMenuItemCustomStyles); 2653 firstMoreMenuItem.find('.p-menu__item__submenu__item__text').attr('class', this.config.classes.mainMenuItemText).attr('style', this.config.classes.mainMenuItemCustomStyles); 2654 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle').attr('class', this.config.classes.mainMenuItemSubMenuToggle).attr('style', this.config.classes.mainMenuItemCustomStyles); 2655 firstMoreMenuItem.find('.p-menu__item__submenu__item__submenu-toggle__icon').attr('class', this.config.classes.mainMenuItemSubMenuToggleIcon); 2656 firstMoreMenuItem.insertBefore(menu.find('.p-menu__item--more')); 2657 2658 this.fitMenu(); 2659 } 2660 } 2661 2662 if (menu.find('.p-menu__item--more .p-menu__item__submenu__item').length > 0) { 2663 menu.find('.p-menu__item--more').show(); 2664 } else { 2665 menu.find('.p-menu__item--more').hide(); 2666 } 2667 2668 this.setActiveMenuItem(); 2669 2670 menu.removeClass('is-loading'); 2671 } 2672 }, 2673 showSubmenu($menuItem){ 2674 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 2675 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 2676 2677 $menuItem.addClass('has-submenu-open'); 2678 $menuItemTitle.attr('aria-expanded', 'true'); 2679 $menuItemToggle.attr('aria-expanded', 'true'); 2680 }, 2681 hideSubmenu($menuItem){ 2682 var $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__submenu__item__link, .p-menu__item__text, .p-menu__submenu__item__text'); 2683 var $menuItemToggle = $menuItem.children('.p-menu__item__submenu-toggle, .p-menu__item__submenu__item__submenu-toggle'); 2684 2685 $menuItem.removeClass('has-submenu-open'); 2686 $menuItemTitle.attr('aria-expanded', 'false'); 2687 $menuItemToggle.attr('aria-expanded', 'false'); 2688 }, 2689 toggleOnActiveStyling($menuItem){ 2690 var $menuItemTitle; 2691 if ($menuItem.children().hasClass('is-active')) { 2692 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 2693 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 2694 // Set the active color 2695 if (1 == 1) { 2696 var color = "text"; 2697 var onActiveColor = "two"; 2698 var onActiveColorCustom = ""; 2699 2700 // Apply new active color 2701 if (onActiveColorCustom) { 2702 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 2703 $menuItemTitle.css("color", onActiveColorCustom); 2704 } else { 2705 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 2706 $menuItemTitle.addClass('u-color-' + onActiveColor); 2707 } 2708 } 2709 if (1 == 2) { 2710 var fontFamily = "two" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 2711 $menuItemTitle.addClass(fontFamily); 2712 } 2713 } else { 2714 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 2715 if (1 == 1) { 2716 var color = "text"; 2717 var onActiveColor = "one"; 2718 var onActiveColorCustom = ""; 2719 2720 // Apply new active color 2721 if (onActiveColorCustom) { 2722 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 2723 $menuItemTitle.css("color", onActiveColorCustom); 2724 } else { 2725 $menuItemTitle.removeClass('u-color-' + color).css("color", ''); 2726 $menuItemTitle.addClass('u-color-' + onActiveColor); 2727 } 2728 } 2729 if (1 == 2) { 2730 var fontFamily = "one" == "one" ? "u-font-one-weight-bold" : "u-font-two-weight-bold"; 2731 $menuItemTitle.addClass(fontFamily); 2732 } 2733 } 2734 } 2735 }, 2736 toggleOnHoverStyling($menuItem, action){ 2737 var $menuItemTitle; 2738 2739 if ($menuItem.hasClass(this.config.classes.mainMenuItem)) { 2740 $menuItemTitle = $menuItem.children('.p-menu__item__link, .p-menu__item__text, .p-menu__item__submenu-toggle'); 2741 2742 if (!$menuItemTitle.hasClass('is-active')){ 2743 if (1 == 1) { 2744 toggleColor("main"); 2745 } 2746 } 2747 } 2748 else { 2749 $menuItemTitle = $menuItem.children('.p-menu__item__submenu__item__link, .p-menu__item__submenu__item__text'); 2750 2751 if (!$menuItemTitle.hasClass('is-active')){ 2752 if (1 == 1) { 2753 toggleColor("sub"); 2754 } 2755 } 2756 } 2757 2758 function toggleColor(level) { 2759 var color = level == "main" ? "text" : "text"; 2760 var colorType = color == "custom" ? "style" : "class"; 2761 var colorCustom = level == "main" ? "" : ""; 2762 var onHoverColor = level == "main" ? "two" : "one"; 2763 var onHoverColorType = onHoverColor == "custom" ? "style" : "class"; 2764 var onHoverColorCustom = level == "main" ? "" : ""; 2765 2766 if (colorType == "class") {
2767 if (onHoverColorType == "class") { 2768 if (action == "enter") { 2769 $menuItemTitle.removeClass('u-color-' + color); 2770 $menuItemTitle.addClass('u-color-' + onHoverColor); 2771 } 2772 else { 2773 $menuItemTitle.removeClass('u-color-' + onHoverColor); 2774 $menuItemTitle.addClass('u-color-' + color); 2775 } 2776 } 2777 else { 2778 if (action == "enter") { 2779 $menuItemTitle.removeClass('u-color-' + color); 2780 $menuItemTitle.css("color", onHoverColorCustom); 2781 } 2782 else { 2783 $menuItemTitle.addClass('u-color-' + color); 2784 $menuItemTitle.css("color", ""); 2785 } 2786 } 2787 } 2788 else { 2789 if (onHoverColorType == "class") { 2790 if (action == "enter") { 2791 $menuItemTitle.css("color", ""); 2792 $menuItemTitle.addClass('u-color-' + onHoverColor); 2793 } 2794 else { 2795 $menuItemTitle.css("color", colorCustom); 2796 $menuItemTitle.removeClass('u-color-' + onHoverColor); 2797 } 2798 } 2799 else { 2800 if (action == "enter") { 2801 $menuItemTitle.css("color", onHoverColorCustom); 2802 } 2803 else { 2804 $menuItemTitle.css("color", colorCustom); 2805 } 2806 } 2807 } 2808 } 2809 }, 2810 handleMenuItemMouseEnter(e) { 2811 this.showSubmenu($(e.target)); 2812 this.toggleOnHoverStyling($(e.target), "enter"); 2813 }, 2814 handleMenuItemMouseLeave(e) { 2815 this.hideSubmenu($(e.target)); 2816 this.toggleOnHoverStyling($(e.target), "leave"); 2817 }, 2818 handleSubmenuToggleClick(e) { 2819 var $parentMenuItem = $(e.target).parent('.p-menu__item'); 2820 2821 if ($parentMenuItem.hasClass('has-submenu-open')) { 2822 this.hideSubmenu($parentMenuItem); 2823 } 2824 else { 2825 this.showSubmenu($parentMenuItem); 2826 } 2827 } 2828 }; 2829 } 2830 </script>
2830 2831 2832 2833 2834 2835 2836 </nav> 2837 </div> 2838 2839 2840 <div class="s-header__sticky__wrapper-one__wrapper-three"> 2841 <div class="s-header__sticky__call-to-actions"> 2842 2843 2844 2845 <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-left"> 2846 <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"> 2847 <a class="w-button__button " role="button" aria-label="PRESALE SIGN UP" href="presale-sign-up"><span class="w-button__button__text">PRESALE SIGN UP</span><span class="u-screen-reader-only"> (opens in a new tab)</span></a> 2848 </div> 2849</div> 2850 </div> 2851 </div> 2852 2853 </div> 2854 </div> 2855 </div> 2856 </div> 2857 </div> 2858 2859 </template> 2860 2861 2862
2862<script> 2863 function composerSetHeaderHeight(root) { 2864 if (!root || !root.classList.contains("s-header")) { 2865 return; 2866 } 2867 2868 var isDesktop = window.matchMedia("(min-width: 1240px)").matches; 2869 var headerEl = isDesktop ? root.querySelector(".s-header__default") : root.querySelector(".s-header__mobile"); 2870 2871 if (!headerEl) { 2872 return; 2873 } 2874 2875 // Style 7 is a fixed sidebar; its rendered height is the viewport, not a hero offset. 2876 if (isDesktop && headerEl.classList.contains("s-header__default--style-7")) { 2877 document.documentElement.style.setProperty("--structure-header-height", "0px"); 2878 document.documentElement.style.setProperty("--structure-hero-padding-top", "0px"); 2879 document.documentElement.style.setProperty("--structure-hero-height-offset", "0px"); 2880 return; 2881 } 2882 2883 var headerHeight = headerEl.offsetHeight || 0; 2884 var isAbsolute = isDesktop ? root.classList.contains("is-desktop-position-absolute") : root.classList.contains("is-mobile-position-absolute"); 2885 2886 document.documentElement.style.setProperty("--structure-header-height", headerHeight + "px"); 2887 document.documentElement.style.setProperty("--structure-hero-padding-top", isAbsolute ? headerHeight + "px" : "0px"); 2888 document.documentElement.style.setProperty("--structure-hero-height-offset", (isDesktop && !isAbsolute) ? headerHeight + "px" : "0px"); 2889 } 2890 2891 composerSetHeaderHeight(document.currentScript && document.currentScript.parentElement); 2892 2893 function composerStructureHeader(params) { 2894 return { 2895 id: params.id, 2896 isHeaderDefaultSticky: params.isSticky, 2897 isHeaderDefaultStickyVisible: false, 2898 init() { 2899 this.setHeaderHeight(); 2900 this.toggleHeaderStickyVisibility(); 2901 }, 2902 setHeaderHeight() { 2903 composerSetHeaderHeight(this.$el); 2904 }, 2905 toggleHeaderStickyVisibility() { 2906 if (this.isHeaderDefaultSticky && window.matchMedia("(min-width: 1240px)").matches) { 2907 if($(window).scrollTop() > $(".s-header__default--id-" + this.id).outerHeight()) { 2908 this.isHeaderDefaultStickyVisible = true; 2909 gsap.to(".s-header__sticky--id-" + this.id, {y: "0%", duration: 0.2, delay: 0.1}); 2910 2911 document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__sticky--id-" + this.id).outerHeight() + "px"); 2912 } 2913 else { 2914 this.isHeaderDefaultStickyVisible = false; 2915 document.documentElement.style.setProperty("--structure-header-offset-height", $(".s-header__default--id-" + this.id).outerHeight() + "px"); 2916 } 2917 } 2918 }, 2919 handleOnWindowScroll() { 2920 this.toggleHeaderStickyVisibility(); 2921 }, 2922 handleOnWindowResize() { 2923 this.setHeaderHeight(); 2924 this.toggleHeaderStickyVisibility(); 2925 }, 2926 handleOnWindowLoad() { 2927 this.setHeaderHeight(); 2928 } 2929 } 2930 } 2931 </script>
2931 2932 2933 2934 </header> 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 <div class="s-page-title" x-data="composerStructurePageTitle" x-init="init" x-on:resize.window.throttle.250ms="handleOnWindowResize"> 2957 2958 2959 <div class="s-page-title__default s-page-title__default--style-2 s-page-title__default--id-7493" role="region" aria-labelledby="page-title" data-panel-id="7493" > 2960 <div class="s-page-title__default__container u-layout-container-full-viewport"> 2961 2962 <div class="s-page-title__default__container__inner u-layout-container-default "> 2963 2964 <div class="s-page-title__default__breadcrumbs"> 2965 2966 <nav class="p-breadcrumbs p-breadcrumbs--style-1 p-breadcrumbs--style-1--align-center" aria-label="Breadcrumbs"> 2967 <ol class="p-breadcrumbs__items"> 2968 <li class="p-breadcrumbs__items__item"> 2969 <a class="p-breadcrumbs__items__item__link u-color-white hover:u-color-one" href="home"> 2970 Home 2971 </a> 2972 </li> 2973 2974 2975 2976 2977 <li class="p-breadcrumbs__items__item p-breadcrumbs__items__item--current"> 2978 <span class="p-breadcrumbs__items__item__separator u-color-white" aria-hidden="true"> 2979 <i class="fal fa-arrow-right"></i> 2980 </span> 2981 <a class="p-breadcrumbs__items__item__link u-color-white hover:u-color-one" href="presale-sign-up" aria-current="location"> 2982 PRESALE SIGN UP 2983 </a> 2984 </li> 2985 2986 </ol> 2987 </nav>
2988<script type="application/ld+json">{"itemListElement":[{"item":"https://www.thepodcastshowlondon.com/presale-sign-up","position":1,"@type":"ListItem","name":"PRESALE SIGN UP"}],"@context":"https://schema.org","@type":"BreadcrumbList"}</script>
2988 2989 </div> 2990 2991 2992 2993 <h1 class="s-page-title__default__title u-color-five u-font-two u-font-two-size-ultra-large u-font-two-weight-bold"> 2994 PRESALE SIGN UP 2995 </h1> 2996 2997 2998 2999 </div> 3000 </div> 3001 </div> 3002 3003 3004
3004<script> 3005 function composerStructurePageTitle() { 3006 return { 3007 init() { 3008 window.onload = () => { 3009 this.setCssVariables(); 3010 }; 3011 }, 3012 setCssVariables() { 3013 if (window.matchMedia("(max-width: 1279px)").matches) { 3014 if ($(".s-header__mobile").hasClass("is-position-absolute")) { 3015 document.documentElement.style.setProperty("--structure-page-title-padding-top", $(".s-header__mobile").outerHeight() + "px"); 3016 } 3017 else { 3018 document.documentElement.style.setProperty("--structure-page-title-padding-top", "0px"); 3019 } 3020 } else { 3021 if ($(".s-header__default").hasClass("is-position-absolute")) { 3022 // 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 3023 $(".s-page-title__default").css( "padding-top", $(".s-header__default").hasClass("s-header__default--style-7") ? "0px" : $(".s-header__default").outerHeight() + "px" ); 3024 } else { 3025 $(".s-page-title__default").css("padding-top", "0px"); 3026 } 3027 } 3028 }, 3029 handleOnWindowResize() { 3030 this.setCssVariables(); 3031 } 3032 }; 3033 } 3034 </script>
3034 3035 3036 </div> 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 <div id="main-content" class="s-main"> 3050 3051 3052 3053 3054 3055 3056 3057 3058 <main class="s-main__content" role="main" aria-label="Main Content"> 3059 3060 3061 3062 3063 <section class="p-section p-section--id-4 p-section--uid-9364 p-section--style-1 has-margin-top has-margin-bottom"> 3064 <div class="p-section__container u-layout-container-full-viewport"> 3065 <div class="p-section__container__inner" style=""> 3066 <div class="p-section__container__inner__container u-layout-container-default"> 3067 <div class="p-section__body"> 3068 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 3069 <div class="p-section__body__articles__article p-section__body__article--id-1"> 3070 <a class="anchor" name="Sign up for exclusive access to a limited number of TPS27 passes and SAVE 20% across all pass types."></a> 3071 <div class="p-article p-article--style-1"> 3072 <div class="p-article__wrapper-two"> 3073 <div class="p-article__header u-text-align-left"> 3074 <h2 class="p-article__header__title u-color-text u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> <p style="text-align: center;">Sign up for exclusive access to a limited number of TPS27 passes and<strong> SAVE 20% </strong>across all pass types.</p> </h2> 3075 </div> 3076 </div> 3077 </div> 3078 </div> 3079 </div> 3080 </div> 3081 </div> 3082 </div> 3083 </div> 3084</section> 3085<section class="p-section p-section--id-5 p-section--uid-9361 p-section--style-1"> 3086 <div class="p-section__container u-layout-container-full-viewport"> 3087 <div class="p-section__container__inner has-padding-top has-padding-bottom" style=""> 3088 <div class="p-section__background"> 3089 <div class="p-section__background__color u-background-color-eight"></div> 3090 </div> 3091 <div class="p-section__container__inner__container u-layout-container-default"> 3092 <div class="p-section__body"> 3093 <div class="p-section__body__articles p-section__body__articles--count-1 p-section__body__articles--alignment-inherit"> 3094 <div class="p-section__body__articles__article p-section__body__article--id-1"> 3095 <div class="p-article p-article--style-1"> 3096 <div class="p-article__wrapper-two"> 3097 <div class="p-article__body u-color-text u-font-one u-font-one-size-normal u-text-align-left"> 3098 3099 3100 3101 3102 3103 3104 <form name="Pass Presale Sign Up" id="1EF8B0D8-A4B7-4997-9343B5EDAC424803" action="__form/form" ajaxaction="__form/getNextFormPage" class="js-formbuilder-form" formname="Pass Presale Sign Up" method="POST"> 3105
3105<script type='text/javascript'> 3106 if (typeof $script === 'undefined') { 3107 $.getScript('/__includes/js/script.min.js', function(){ 3108 $script('/__includes/js/formpages.js'); 3109 }); 3110 } 3111 else { 3112 $script('/__includes/js/formpages.js'); 3113 } 3114 3115 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_error_required":"This field is required","cb_form_field_email_verify":"Re-enter to verify: {-{field}}","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}})"}; 3116 </script>
3116 3117 3118 3119 3120
3120<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
3120 3121 3122 3123 <style> 3124 .button.is-loading { 3125 position: relative; 3126 } 3127 .button.is-loading::after { 3128 animation: 0.6s linear 0s normal none infinite running rotation; 3129 border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15); 3130 border-left: 2px solid rgba(255, 255, 255, 0.15); 3131 border-radius: 100%; 3132 border-right: 2px solid rgba(255, 255, 255, 0.15); 3133 border-style: solid; 3134 border-width: 2px; 3135 content: ""; 3136 display: inline-block; 3137 height: 1em; 3138 margin-left: 1em; 3139 position: relative; 3140 top: -1px; 3141 vertical-align: middle; 3142 width: 1em; 3143 } 3144 @keyframes rotation { 3145 0% { 3146 transform: rotate(0deg); 3147 } 3148 100% { 3149 transform: rotate(359deg); 3150 } 3151 } 3152 @keyframes rotation { 3153 0% { 3154 transform: rotate(0deg); 3155 } 3156 100% { 3157 transform: rotate(359deg); 3158 } 3159 } 3160 </style> 3161 3162 <input type="hidden" name="_returnTo" value="/presale-sign-up" id="_returnTo"/> 3163 <input type="hidden" name="formID" value="36" id="formID"/> 3164 <input type="hidden" name="slug" value="FB_284709DE-F2BD-C6A1-B1DD601BC4463D9B" id="slug"/> 3165 <input type="hidden" name="_autosubmit" value="false" id="_autosubmit"/> 3166 3167 <input type="hidden" name="_incompletewarning" value="true" id="_incompletewarning"/> 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 <input type="hidden" name="_pageid" value="73" id="_pageid"/> 3179 <input type="hidden" name="_pageorder" value="1" id="_pageorder"/> 3180 <input type="hidden" name="_pageslug" value="FBP_28470AB9-EB76-52E9-F23FCF730838142F" id="_pageslug"/> 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 <div class="form_page js-form-page " 3201 3202 3203 data-pageid="73" 3204 data-pagetypeid="0" 3205 data-pageorder="1" 3206 data-slug="FBP_28470AB9-EB76-52E9-F23FCF730838142F" 3207 > 3208 3209 3210 <div class='form__group__controls'><input type="hidden" name="_pages" value="73" labelposition="ignored" boldlabel="false" id="_pages_73" /></div> 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 <div class='form__group form__group--text form__group--id-first_name'><div class='form__group__title form__group__title--before'><label required="true" mandataryindicator="true" class=" form__group__title--before"><span class='form__field__controls__required'>*</span> First Name</label></div><div class='form__group__controls'><input type="text" name="first_name" required="required" labelposition="before" boldlabel="false" maxlength="50" class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 <div class='form__group form__group--text form__group--id-last_name'><div class='form__group__title form__group__title--before'><label required="true" mandataryindicator="true" class=" form__group__title--before"><span class='form__field__controls__required'>*</span> Last Name</label></div><div class='form__group__controls'><input type="text" name="last_name" required="required" labelposition="before" boldlabel="false" maxlength="50" class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 <div class='form__group form__group--text form__group--id-job_title'><div class='form__group__title form__group__title--before'><label required="true" mandataryindicator="true" class=" form__group__title--before"><span class='form__field__controls__required'>*</span> Job Title</label></div><div class='form__group__controls'><input type="text" name="job_title" required="required" labelposition="before" boldlabel="false" maxlength="50" class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 <div class='form__group form__group--text form__group--id-company_podcast'><div class='form__group__title form__group__title--before'><label required="true" mandataryindicator="true" class=" form__group__title--before"><span class='form__field__controls__required'>*</span> Company/Podcast</label></div><div class='form__group__controls'><input type="text" name="company_podcast" required="required" labelposition="before" boldlabel="false" maxlength="50" class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 <div class='form__group form__group--email form__group--id-email'><div class='form__group__title form__group__title--before'><label required="true" mandataryindicator="true" class=" form__group__title--before"><span class='form__field__controls__required'>*</span> Email</label></div><div class='form__group__controls'><input type="email" name="email" required="required" labelposition="before" boldlabel="false" maxlength="50" class=" p-form__group__controls__control" data-msg="This field is required" /></div></div> 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 <div class='form__group form__group--checkboxgroup form__group--id-want_to_hear_more_on_exhi_6964'><div class='form__group__title form__group__title--before'><label required="false" mandataryindicator="true" class=" form__group__title--before" for="want_to_hear_more_on_exhi_6964">Want to hear more on exhibiting or partnering at The Podcast Show 2027?</label></div><div class="option_column__wrapper" MAXLENGTH="50"><div class="option_column option_column--size_1 option_column--1_1"><div class="fieldoptionvalue"><label><input type="checkbox" name="want_to_hear_more_on_exhi_6964" value="Exhibiting"/><span class="form__group__title--after">Exhibiting</span></label></div><div class="fieldoptionvalue"><label><input type="checkbox" name="want_to_hear_more_on_exhi_6964" value="Partnering"/><span class="form__group__title--after">Partnering</span></label></div></div><label style="display:none;" for="want_to_hear_more_on_exhi_6964" class="error">This field is required.</label></div></div> 3279 <div class='form__group__controls'><input type="hidden" name="want_to_hear_more_on_exhi_6964" labelposition="ignored" boldlabel="false" id="want_to_hear_more_on_exhi_6964_id" /></div> 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 <div class="form__group form__group--captcha form__group--id-captcha"> 3293 3294 <div class="control-group"> 3295 3296 3297 <label class="control-label"> 3298 CAPTCHA 3299 </label> 3300 3301 <div class="controls"> 3302 3303
3303<script type="text/javascript"> 3304 $(function() { 3305 $.get('__zone/generateCaptcha', function(json){ 3306 var $captchaid = $("#captchaid_89AD30EB-39FD-4725-92D05C4856990E56[value='']:first"); 3307 $captchaid.val(json.captchauuid); 3308 $captchaid.closest('.form__group').find('img').attr('src', json.src); 3309 }); 3310 }); 3311 </script>
3311 3312 <img src="" class="resetcaptcha" /> 3313 <input id="captchaid_89AD30EB-39FD-4725-92D05C4856990E56" type="hidden" name="captchaid" value=""> 3314 <div><div class='form__group__controls'><input type="text" name="captcha" required="required" labelposition="right" boldlabel="false" id="captcha" data-msg="This field is required" /></div></div> 3315 </div> 3316 </div> 3317 3318 As an anti-spam measure, please type the characters you see in the image (case sensitive). 3319 3320 3321 </div> 3322 3323 3324 3325 3326 3327 <div class="js-controls"> 3328 3329 3330 3331 <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">Submit</button></div class='p-form__group__controls form__group__controls'></div class='p-form__group form__group'> 3332 3333 </div> 3334 </div> 3335 3336
3336<script> 3337 if ( typeof Routes === 'undefined' ) 3338 Routes = []; 3339 3340 3341 Routes['first_name'] = []; 3342 3343 3344 Routes['last_name'] = []; 3345 3346 3347 Routes['job_title'] = []; 3348 3349 3350 Routes['company_podcast'] = []; 3351 3352 3353 Routes['email'] = []; 3354 3355 3356 Routes['want_to_hear_more_on_exhi_6964'] = []; 3357 3358 3359 Routes['captcha'] = []; 3360 3361 3362 </script>
3362 3363 3364 3365 3366 3367 3368 3369 3370 </form> 3371 3372 3373 3374 3375 3376 3377 3378 3379 </div> 3380 </div> 3381 </div> 3382 </div> 3383 </div> 3384 </div> 3385 </div> 3386 </div> 3387 </div> 3388</section> 3389 3390 3391 3392 3393
3393<script defer> 3394 $(document).ready(function() { 3395 gsap.registerPlugin(ScrollTrigger); 3396 ScrollTrigger.defaults({ toggleActions: "play complete reverse reset"}); 3397 3398 // Section Animation 3399 $('.p-section[data-animation-scroll]').each(function() { 3400 const $section = $(this); 3401 const sectionAnimationStyle = $section.data('animation-scroll-style'); 3402 let sectionTimeline = gsap.timeline({ paused: true }); // Initialize timeline without autoplay 3403 let animationPlayed = false; // Flag to track whether animation has been played 3404 3405 switch (sectionAnimationStyle) { 3406 case 1: 3407 sectionTimeline.fromTo($section[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); 3408 break; 3409 case 2: 3410 sectionTimeline.fromTo($section[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); 3411 break; 3412 } 3413 3414 ScrollTrigger.create({ 3415 trigger: $section[0], 3416 onEnter: function() { 3417 if (!animationPlayed) { // Only play the animation if it hasn't been played before 3418 sectionTimeline.play(); // Play the animation 3419 animationPlayed = true; // Set the flag to true to indicate that animation has been played 3420 } 3421 }, 3422 onLeaveBack: function() { 3423 // Uncomment the line below if you want to revert to initial state when scrolling back up 3424 // sectionTimeline.reverse(); // Reverse the animation when scrolling back up 3425 } 3426 }); 3427 }); 3428 3429 // Articles Animation 3430 $('.p-section').each(function() { 3431 const $section = $(this); 3432 3433 if ($section.find('.p-article[data-animation-scroll]').length) { 3434 let articlesTimeline = gsap.timeline({ scrollTrigger: { markers: false, toggleActions: "play pause resume reset", start: 'top bottom', trigger: $section[0] } }); 3435 3436 $section.find('.p-article[data-animation-scroll]').each(function(index) { 3437 const $article = $(this); 3438 const articleAnimationStyle = $article.data('animation-scroll-style'); 3439 let animationPlayed = false; // Flag to track whether animation has been played 3440 3441 ScrollTrigger.create({ 3442 trigger: $article[0], 3443 onEnter: function() { 3444 if (!animationPlayed) { // Only play the animation if it hasn't been played before 3445 switch (articleAnimationStyle) { 3446 case 1: 3447 articlesTimeline.fromTo($article[0], { alpha: 0 }, { alpha: 1, clearProps: 'opacity', duration: 0.6 }); 3448 break; 3449 case 2: 3450 articlesTimeline.fromTo($article[0], { alpha: 0, y: '10%' }, { alpha: 1, y: '0%', clearProps: 'opacity,transform', duration: 0.6 }); 3451 break; 3452 } 3453 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 3454 } 3455 } 3456 }); 3457 }); 3458 } 3459 }); 3460 }); 3461 </script>
3461 3462 </main> 3463 3464 3465 3466 3467 3468 3469 3470 3471 </div> 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 <footer class="s-footer" role="contentinfo"> 3499 3500 3501 <div class="s-footer__default s-footer__default--style-1 u-layout-container-full-viewport"> 3502 <div class="s-footer__default__container u-layout-container-full-viewport"> 3503 <div class="s-footer__default__container__inner"> 3504 3505 <div class="s-footer__default__background"> 3506 3507 <div class="s-footer__default__background__image u-background-position-x-y-center-center u-background-size-cover" style="background-image: url('https://cdn.asp.events/CLIENT_AV_Media_E63B4142_BA46_1D2B_9F2E146485599B42/sites/podcast-show-2026/media/TPS27_Ticket_Background_2_2461x800.jpg/fit-in/2048x9999/filters:no_upscale()');"></div> 3508 3509 3510 <div class="s-footer__default__background__overlay u-background-color-black" style="opacity: 0.45;"></div> 3511 3512 </div> 3513 3514 <div class="s-footer__default__wrapper-one"> 3515 <div class="s-footer__default__wrapper-one__container u-layout-container-full-width"> 3516 <div class="s-footer__default__panels"> 3517 <div class="l-grid is-align-center"> 3518 <div class="l-grid__container"> 3519 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> 3520 <div class="l-grid__item__content"> 3521 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-7485" data-panel-id="7485"> 3522 3523 <div class="p-panel__header u-text-align-left"> 3524 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> 3525 QUICKLINKS 3526 </h2> 3527 3528 </div> 3529 3530 3531 <div class="p-panel__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> 3532 <div class="p-panel__body__content"> 3533 3534 3535 3536 <ul> 3537 <li><strong><a href="https://www.thepodcastshowlondon.com/about" target="_self" title="about">About</a></strong></li> 3538 <li><strong><a href="https://www.thepodcastshowlondon.com/sponsor-exhibit" target="_self" title="sponsor-exhibit">Sponsor & Exhibit</a></strong></li> 3539 <li><strong><a href="https://www.thepodcastshowlondon.com/sign-up" target="_self" title="sign-up">Sign-Up</a></strong></li> 3540 <li><strong><a href="press" target="_self" title="press">Press</a></strong></li> 3541</ul> 3542 3543 </div> 3544 </div> 3545 3546 </div> 3547 </div> 3548 </div> 3549 3550 3551 3552 3553 3554 3555 3556 3557 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> 3558 <div class="l-grid__item__content"> 3559 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-7486" data-panel-id="7486"> 3560 3561 <div class="p-panel__header u-text-align-left"> 3562 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> 3563 WHERE TO FIND US 3564 </h2> 3565 3566 </div> 3567 3568 3569 <div class="p-panel__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> 3570 <div class="p-panel__body__content"> 3571 3572 3573 3574 <p><strong>The Business Design Centre</strong><br /> 357552 Upper Street,<br /> 3576The Angel,<br /> 3577London,<br /> 3578England,<br /> 3579N1 0QH</p> 3580 3581 </div> 3582 </div> 3583 3584 </div> 3585 </div> 3586 </div> 3587 3588 3589 3590 3591 3592 3593 3594 3595 <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/3@tablet-landscape l-grid__item--size-1/3@laptop l-grid__item--size-1/3@desktop"> 3596 <div class="l-grid__item__content"> 3597 <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-7487" data-panel-id="7487"> 3598 3599 <div class="p-panel__header u-text-align-left"> 3600 <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-xx-large u-font-two-weight-bold"> 3601 CONTACT US 3602 </h2> 3603 3604 </div> 3605 3606 3607 <div class="p-panel__body u-color-white u-font-one u-font-one-size-normal u-text-align-left"> 3608 <div class="p-panel__body__content"> 3609 3610 3611 3612 <p><strong>Partner & Exhibitor Enquiries: </strong><a href="mailto:[email protected]?Subject=Partner%20and%20Exhibitor%20Enquiry" target="_top" title="[email protected]">[email protected]</a></p> 3613 3614<p><strong>Other:</strong> <a href="mailto:[email protected]?Subject=General%20and%20Ticketing%20Enquiry" target="_top" title="[email protected]">[email protected]</a></p> 3615 3616 </div> 3617 </div> 3618 3619 </div> 3620 </div> 3621 </div> 3622 </div> 3623 </div> 3624 </div> 3625 </div> 3626 </div> 3627 <div class="s-footer__default__wrapper-two"> 3628 3629 <div class="s-footer__default__wrapper-two__background"> 3630 <div class="s-footer__default__wrapper-two__background__color u-background-color-one"></div> 3631 </div> 3632 3633 <div class="s-footer__default__wrapper-two__container u-layout-container-full-width"> 3634 3635 <nav class="s-footer__default__footer-menu" aria-label="Footer Menu"> 3636 <!--seed:4BAFF514C409DE7F326D16A01A0781A5D3C35332--> 3637 3638 3639 3640 <ul class="p-menu--quick-links p-menu--quick-links--id-B7381 has-separators" x-data="composerPatternMenuQuickLinks({color: 'white', colorCustom: '#000000', colorType: 'class', id: 'B7381', onHover: true, onHoverColor: 'two', onHoverColorCustom: '#000000', on
3640HoverColorType: 'class'})" id="B7381"> 3641 3642 3643 3644 3645 <li class="p-menu__item" title="AV Media & Events Limited. All rights reserved." x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3646 3647 <span class="p-menu__item__text u-color-white u-font-one-size-small u-font-one-size-small">AV Media & Events Limited. All rights reserved.</span> 3648 3649 </li> 3650 3651 3652 3653 3654 <li class="p-menu__item p-menu__item--separator"> 3655 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 3656 3657 </i> 3658 </li> 3659 3660 <li class="p-menu__item" title="Privacy Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3661 3662 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="privacy-policy" target="_self">Privacy Policy</a> 3663 3664 </li> 3665 3666 3667 3668 3669 <li class="p-menu__item p-menu__item--separator"> 3670 <i class="p-menu__item__separator u-color-white u-font-icons-size-small fal fa-slash-forward"> 3671 3672 </i> 3673 </li> 3674 3675 <li class="p-menu__item" title="Terms & Conditions" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> 3676 3677 <a class="p-menu__item__link u-color-white u-font-one-size-small u-font-one-size-small" href="https://www.thepodcastshowlondon.com/terms-conditions" target="_blank">Terms & Conditions</a> 3678 3679 </li> 3680 3681 3682 3683 </ul> 3684 3685
3685<script> 3686 function composerPatternMenuQuickLinks(params) { 3687 return { 3688 color: params.color, 3689 colorCustom: params.colorCustom, 3690 colorType: params.colorType, 3691 id: params.id, 3692 onHover: params.onHover, 3693 onHoverColor: params.onHoverColor, 3694 onHoverColorCustom: params.onHoverColorCustom, 3695 onHoverColorType: params.onHoverColorType, 3696 toggleOnHoverStyling($menuItem, action){ 3697 if (this.onHover) { 3698 console.log('this.onHover'); 3699 var $menuItemTitle = $menuItem.children(".p-menu__item__link"); 3700 3701 const toggleColor = () => { 3702 console.log('toggle color'); 3703 if (this.colorType == "class") { 3704 if (this.onHoverColorType == "class") { 3705 if (action == "enter") { 3706 $menuItemTitle.removeClass("u-color-" + this.color); 3707 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 3708 } 3709 else { 3710 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 3711 $menuItemTitle.addClass("u-color-" + this.color); 3712 } 3713 } 3714 else { 3715 if (action == "enter") { 3716 $menuItemTitle.removeClass("u-color-" + this.color); 3717 $menuItemTitle.css("color", this.onHoverColorCustom); 3718 } 3719 else { 3720 $menuItemTitle.addClass("u-color-" + this.color); 3721 $menuItemTitle.css("color", ""); 3722 } 3723 } 3724 } 3725 else { 3726 if (this.onHoverColorType == "class") { 3727 if (action == "enter") { 3728 $menuItemTitle.css("color", ""); 3729 $menuItemTitle.addClass("u-color-" + this.onHoverColor); 3730 } 3731 else { 3732 $menuItemTitle.css("color", this.colorCustom); 3733 $menuItemTitle.removeClass("u-color-" + this.onHoverColor); 3734 } 3735 } 3736 else { 3737 if (action == "enter") { 3738 $menuItemTitle.css("color", this.onHoverColorCustom); 3739 } 3740 else { 3741 $menuItemTitle.css("color", this.colorCustom); 3742 } 3743 } 3744 } 3745 } 3746 3747 toggleColor(); 3748 } 3749 }, 3750 handleMenuItemMouseEnter(e) { 3751 this.toggleOnHoverStyling($(e.target), "enter"); 3752 }, 3753 handleMenuItemMouseLeave(e) { 3754 this.toggleOnHoverStyling($(e.target), "leave"); 3755 } 3756 }; 3757 } 3758 </script>
3758 3759 3760 3761 3762 </nav> 3763 3764 <div class="s-footer__default__asp-copyright"> 3765 <a class="s-footer__default__asp-copyright__link" href="https://www.asp.events/client" target="_blank"> 3766 <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" /> 3767 <span class="s-footer__default__asp-copyright__link__text u-color-white u-font-one u-font-one-size-small"> 3768 3769 Website by ASP 3770 3771 </span> 3772 </a> 3773 </div> 3774 </div> 3775 </div> 3776 </div> 3777 </div> 3778 </div> 3779 3780 </footer> 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 <template x-data x-if="$store.share.isVisible"> 3794 <div class="s-share"> 3795 <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> 3796 <div class="s-share__default__container"> 3797 <div class="s-share__default__background"> 3798 <div class="s-share__default__background__color u-background-color-white"></div> 3799 </div> 3800 <div class="s-share__default__header"> 3801 <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"> 3802 Share 3803 </h5> 3804 </div> 3805 <div class="s-share__default__body"> 3806 <ul class="s-share__default__body__list"> 3807 <li class="s-share__default__body__list__item"> 3808 <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"> 3809 <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> 3810 </a> 3811 </li> 3812 <li class="s-share__default__body__list__item"> 3813 <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"> 3814 <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> 3815 </a> 3816 </li> 3817 <li class="s-share__default__body__list__item"> 3818 <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"> 3819 <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> 3820 </a> 3821 </li> 3822 <li class="s-share__default__body__list__item"> 3823 <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"> 3824 <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> 3825 </a> 3826 </li> 3827 <li class="s-share__default__body__list__item"> 3828 <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"> 3829 <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> 3830 </a> 3831 </li> 3832 </ul> 3833 <div class="s-share__default__body__url"> 3834 <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> 3835 <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> 3836 </div> 3837 </div> 3838 </div> 3839
3839<script> 3840 function composerStructureShare(params) { 3841 return { 3842 init() { 3843 $.magnificPopup.open({ 3844 items: { 3845 src: ".s-share__default", 3846 type: "inline" 3847 }, 3848 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>", 3849 callbacks: { 3850 open: () => { 3851 $(".s-share__default__close").prependTo(".s-share__default"); 3852 3853 $(document).trigger("modal-open"); 3854 3855 gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 3856 }, 3857 afterClose: () => { 3858 Alpine.store('share').hideShare(); 3859 } 3860 } 3861 }); 3862 }, 3863 handleOnUrlButtonClick() { 3864 Alpine.store('share').copyToClipboard(); 3865 } 3866 } 3867 } 3868</script>
3868 3869 </div> 3870 </div> 3871 </template> 3872 3873 3874 <template x-data x-if="$store.search.isVisible"> 3875 <div class="s-search"> 3876 <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch" role="search" aria-label="Search"> 3877 <div class="s-search__default__container"> 3878 <div class="s-search__default__background"> 3879 <div class="s-search__default__background__color u-background-color-white"></div> 3880 </div> 3881 <div class="s-search__default__header"> 3882 <h5 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> 3883 Website Search 3884 </h5> 3885 </div> 3886 <div class="s-search__default__body"> 3887 <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> 3888 <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> 3889 <div class="s-search__default__body__form__button"> 3890 <div class="w-button w-button--style-1 w-button--style-1--width-auto"> 3891 <button class="w-button__button" role="button" aria-label="Search button"> 3892 <span class="w-button__button__text">Search</span> 3893 </button> 3894 </div> 3895 </div> 3896 </form> 3897 </div> 3898 </div> 3899
3899<script> 3900 function composerStructureSearch(params) { 3901 return { 3902 init() { 3903 $.magnificPopup.open({ 3904 items: { 3905 src: ".s-search__default", 3906 type: "inline" 3907 }, 3908 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>", 3909 callbacks: { 3910 open: () => { 3911 $(".s-search__default__close").prependTo(".s-search__default"); 3912 3913 $(document).trigger("modal-open"); 3914 3915 gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 3916 }, 3917 afterClose: () => { 3918 Alpine.store('search').hideSearch(); 3919 } 3920 } 3921 }); 3922 } 3923 } 3924 } 3925</script>
3925 3926 </div> 3927 </div> 3928 </template> 3929 3930 3931 3932 <template x-data x-if="$store.wishlist.isVisible"> 3933 <div class="s-wishlist"> 3934 <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> 3935 <div class="s-wishlist__default__container"> 3936 <div class="s-wishlist__default__background"> 3937 <div class="s-wishlist__default__background__color u-background-color-white"></div> 3938 </div> 3939 <div class="s-wishlist__default__header"> 3940 <h5 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> 3941 Wishlist 3942 </h5> 3943 </div> 3944 <div class="s-wishlist__default__body"> 3945 <template x-if="!$store.wishlist.items.length"> 3946 <div class="s-wishlist__default__body__empty-state u-text-align-center"> 3947 Add some favourites to your wishlist to get started! 3948 </div> 3949 </template> 3950 <template x-if="$store.wishlist.items.length"> 3951 <div class="s-wishlist__default__body__wishlist"> 3952 <template x-if="$store.wishlist.isLoadingWishlist"> 3953 <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> 3954 3955 <div class="p-loader p-loader--default"> 3956 <div class="p-loader__icon"></div> 3957 </div> 3958 3959 </div> 3960 </template> 3961 <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> 3962 <div class="s-wishlist__default__body__wishlist__items"> 3963 <template x-for="items in $store.wishlist.wishlistItems"> 3964 <div class="s-wishlist__default__body__wishlist__items__list"> 3965 <div class="s-wishlist__default__body__wishlist__items__list__header"> 3966 <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> 3967 </div> 3968 <div class="s-wishlist__default__body__wishlist__items__list__body"> 3969 <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> 3970 <template x-for="item in items.items"> 3971 <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> 3972 <template x-if="item.image"> 3973 <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> 3974 <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> 3975 <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> 3976 </a> 3977 </div> 3978 </template> 3979 <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> 3980 <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> 3981 </div> 3982 </li> 3983 </template> 3984 </ul> 3985 </div> 3986 </div> 3987 </template> 3988 </div> 3989 </template> 3990 <template x-if="!$store.wishlist.isLoadingWishlist"> 3991 <div class="s-wishlist__default__body__wishlist__actions"> 3992 <template x-if="view == 'wishlist'"> 3993 <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"> 3994 <div class="w-button w-button--style-1"> 3995 <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> 3996 </div> 3997 <div class="w-button w-button--style-1"> 3998 <button class="w-button__button" role="button" aria-label="Email wishlist as PDF" x-on:click="handleOnEmailClick">Email this List</button> 3999 </div> 4000 </div> 4001 </template> 4002 </div> 4003 </template> 4004 </div> 4005 </template> 4006 <template x-if="view == 'email'"> 4007 <div class="s-wishlist__default__body__email"> 4008 <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> 4009 <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" /> 4010 <div class="s-wishlist__default__body__email__form__button"> 4011 <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"> 4012 <div class="w-button w-button--style-1"> 4013 <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> 4014 </div> 4015 </div> 4016 </div> 4017 </form> 4018 <div class="s-wishlist__default__body__email__back"> 4019 <button class="s-wishlist__default__body__email__back__link" role="button" aria-label="Back to wishlist" x-on:click="setVie
4019w('wishlist')"><i class="fal fa-arrow-left"></i></button> 4020 </div> 4021 </div> 4022 </template> 4023 <template x-if="view == 'generating'"> 4024 <div class="s-wishlist__default__body__download u-text-align-center"> 4025 Generating... 4026 </div> 4027 </template> 4028 </div> 4029 </div> 4030
4030<script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/widgets/wishlist/download.min.js"></script>
vendor: 2 bytes, line 4030
4030
4031<script> 4032 function composerStructureWishlist(params) { 4033 return { 4034 view: "wishlist", 4035 init() { 4036 $.magnificPopup.open({ 4037 items: { 4038 src: ".s-wishlist__default", 4039 type: "inline" 4040 }, 4041 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>", 4042 callbacks: { 4043 open: () => { 4044 $(".s-wishlist__default__close").prependTo(".s-wishlist__default"); 4045 4046 $(document).trigger("modal-open"); 4047 4048 gsap.fromTo(".s-wishlist__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); 4049 }, 4050 afterClose: () => { 4051 Alpine.store("wishlist").hideWishlist(); 4052 } 4053 } 4054 }); 4055 }, 4056 setView(view) { 4057 this.view = view; 4058 }, 4059 handleOnDownloadClick(url, items) { 4060 this.setView('generating'); 4061 4062 $.ajax({ 4063 url: url, 4064 method: 'POST', 4065 data: { contentID: items }, 4066 xhrFields: { 4067 responseType: 'blob' 4068 }, 4069 beforeSend: function (xhr) { 4070 xhr.overrideMimeType('application/pdf'); 4071 }, 4072 success: (data, status, xhr) => { 4073 if (xhr.getResponseHeader('Content-Type') !== 'application/pdf') { 4074 console.error("[showoff_composer]: Unexpected content type:", xhr.getResponseHeader('Content-Type')); 4075 return; 4076 } 4077 4078 var blob = data; 4079 var filename = 'wishlist.pdf'; 4080 4081 download(blob, filename, 'application/pdf'); 4082 4083 this.setView('wishlist'); 4084 }, 4085 error: (xhr, status, error) => { 4086 this.setView('wishlist'); 4087 4088 console.error("[showoff_composer]: error on handleOnDownloadClick()", error); 4089 } 4090 }); 4091 }, 4092 handleOnEmailClick() { 4093 this.setView('email'); 4094 }, 4095 handleOnEmailSubmitClick(url, items, email, event) { 4096 event.preventDefault(); 4097 4098 this.setView('generating'); 4099 4100 $.ajax({ 4101 type:'POST', 4102 url: url, 4103 data: {'contentID': items, 'email': email}, 4104 success: (response) => { 4105 this.setView('wishlist'); 4106 4107 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); 4108 }, 4109 error: (xhr, status, error) => { 4110 console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); 4111 4112 this.setView('wishlist'); 4113 } 4114 }); 4115 } 4116 } 4117 } 4118</script>
4118 4119 </div> 4120 </div> 4121 </template> 4122 4123 4124 4125 4126 <div class="s-ezone"> 4127 <div class='w-zone-loginwrapper' data-lostpassword='false'><div> 4128 4129 4130 <div class="w-zone-login js-zone-login"> 4131 4132 <div class="w-zone-login__no-access js-zone-login__no-access"> 4133 4134 </div> 4135 4136 <div class="w-zone-login__form-wrapper"> 4137 4138 <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> 4139 <input type="hidden" name="formID" value="LOGIN" id="formID"/> 4140 <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> 4141 <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> 4142 <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> 4143 4144 </form> 4145 4146 4147 </div> 4148 4149 4150 4151 </div> 4152 4153</div></div>
4153<script type='text/javascript'> 4154 $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/jquery.magnific-popup.min.js', function(){ 4155 $script('/includes/javascript/ASPModal.old.min.js', function(){ 4156 $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.40', function(){ 4157 js_zone.login_init(); 4158 }); 4159 }); 4160 }); 4161 </script>
4161 4162 4163 </div> 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173
4173<script defer> 4174 document.addEventListener('alpine:init', () => { 4175 Alpine.store('common', { 4176 siteUuid: 'ED6A793B-923E-2E7C-FC66B7B738DE74A6' 4177 }); 4178 4179 Alpine.store('search', { 4180 isVisible: false, 4181 showSearch() { 4182 this.isVisible = true; 4183 }, 4184 hideSearch() { 4185 this.isVisible = false; 4186 } 4187 }); 4188 4189 Alpine.store('share', { 4190 isVisible: false, 4191 subject: "Check out this link!", 4192 text: "", 4193 title: document.title, 4194 url: location.href, 4195 showShare() { 4196 if (navigator.share) { 4197 navigator.share({ 4198 title: this.title, 4199 text: this.text, 4200 url: this.url, 4201 }) 4202 .then() 4203 .catch((error) => console.log('[showoff_composer]: error on composerWidgetShare()', error)); 4204 } 4205 else { 4206 this.isVisible = true; 4207 } 4208 }, 4209 hideShare() { 4210 this.isVisible = false; 4211 }, 4212 setData(url = this.url, title = this.title, text = this.text, subject = this.subject) { 4213 if (url.indexOf(window.location.origin) !== -1) { 4214 this.url = url; 4215 } else { 4216 this.url = window.location.origin + '/' + url; 4217 } 4218 4219 this.title = title; 4220 this.text = text; 4221 this.subject = subject; 4222 }, 4223 setSubject(value) { 4224 this.subject = value; 4225 }, 4226 setText(value) { 4227 this.text = value; 4228 }, 4229 setTitle(value) { 4230 this.title = value; 4231 }, 4232 setUrl(value) { 4233 this.url = value; 4234 }, 4235 copyToClipboard() { 4236 navigator.clipboard?.writeText(this.url); 4237 } 4238 }); 4239 4240 Alpine.store('wishlist', { 4241 items: Alpine.$persist("").as('showoff_wishlist_items_' + Alpine.store('common').siteUuid), 4242 isLoadingWishlist: true, 4243 isVisible: false, 4244 wishlistItems: [], 4245 wishlistUrl: 'https://zone.showoff.asp.events/ED6A793B-923E-2E7C-FC66B7B738DE74A6/wishlist', 4246 siteUuid: 'ED6A793B-923E-2E7C-FC66B7B738DE74A6', 4247 showWishlist() { 4248 this.isVisible = true; 4249 4250 this.getFavourites(); 4251 }, 4252 hideWishlist() { 4253 this.isVisible = false; 4254 }, 4255 addFavourite(id) { 4256 var items = this.items.split(','); 4257 4258 if (!items.includes(id)){ 4259 items.push(id); 4260 this.items = items.join(','); 4261 } 4262 4263 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Add', null, { 4264 dimension7: id 4265 }]); 4266 }, 4267 removeFavourite(id) { 4268 var items = this.items.split(','); 4269 4270 if (items.indexOf(id.toString()) !== -1) { 4271 items.splice(items.indexOf(id.toString()), 1); 4272 this.items = items.join(','); 4273 } 4274 4275 _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Remove', null, { 4276 dimension7: id 4277 }]); 4278 }, 4279 toggleFavourite(id) { 4280 if (this.items.includes(id)){ 4281 this.removeFavourite(id); 4282 } 4283 else { 4284 this.addFavourite(id); 4285 } 4286 }, 4287 getFavourites() { 4288 this.isLoadingWishlist = true; 4289 4290 $.ajax( 4291 { type:'POST' 4292 , url: this.wishlistUrl + '/contentbyid' 4293 , data: {'contentID': this.items} 4294 , success: (response) => { 4295 this.isLoadingWishlist = false; 4296 4297 const mergedItems = []; 4298 4299 response.data.forEach(item => { 4300 const libraryName = item.libraryName; 4301 4302 let group = mergedItems.find(obj => obj.name === libraryName); 4303 4304 if (!group) { 4305 group = { name: libraryName, items: [] }; 4306 mergedItems.push(group); 4307 } 4308 4309 group.items.push(item); 4310 }); 4311 4312 this.wishlistItems = mergedItems; 4313 } 4314 }); 4315 } 4316 }); 4317 }) 4318 </script>
4318 4319 4320 </div> 4321 4322 4323 4324 4325 4326
4326<script src="/includes/javascript/showoff.global.min.js" ></script>
4326 4327
4327<script type=""text/javascript""> 4328 var _paq = _paq || []; 4329 //prc_visitorSession// 4330 </script>
4330 4331 <style> 4332.section--Background-Parallax-Image .w-testimonials .w-testimonials__list__item--text-alignment-center .w-testimonials__list__item__author::before { margin: 10px auto; background: #fff; } 4333 4334.section--Background-Colour-One .w-ticker .ticker-swipe { background-color: #551fef; } 4335 4336.m-galleries-entry--default .m-galleries-entry__item { padding-right: 0; } 4337 4338@-moz-document url-prefix() { .section--Background-Parallax-Image .w-testimonials .bx-viewport { height: 420px !important; } } 4339 4340@media screen and (max-width: 1023px) { 4341.article--slide-up .article__header-body { transform: translateY(0); margin-top: 300px; } 4342.article--slide-up .article__header { transform: translateY(0); } 4343} 4344 4345.m-exhibitor-entry--default .m-exhibitor-entry__item__body__contacts__additional__button__appointment {display: none;} 4346.m-libraries-sponsors-entry--default .m-libraries-sponsors-entry__item__logo { max-width: 300px; margin: 0 auto 36px auto; } 4347.m-speakers-list--grid-squares .m-speakers-list__items__item__header__meta { color: #fff!important; } 4348.m-seminar-list--columns .m-seminar-list__list__items__item__image { max-width: 300px!important; } 4349 4350.l-header-sticky__dates { display: none!important; } 4351.section .section__header__title, .l-newsletter .panel .panel__header__title { background: #f0f!important; color: #fff!important; padding: 0 10px !important;} 4352 4353.ck-headline--colour-one { color: #5b3ae2!important; background: #63ECD7!important; } 4354.ck-headline { font-size: 1.3rem!important; } 4355 4356.l-page-title__title { text-transform: uppercase!important ; } 4357.t-homepage .section.section--one-column.section--id-1 { margin: 15px!important; } 4358.t-homepage .section.section--three-column.section--id-2.section--Grid-3-Style-1 { margin-top: 15px!important; } 4359 4360@media screen and (max-width: 600px) { 4361.l-hero { min-height: 75vh!important; } 4362} 4363 4364@media (min-width: 768px) { 4365.l-sponsors--style-rows .panel .panel__header__title { font-size: 2rem!important; } 4366} 4367 4368.article--boxed--colour-three .article__header__title, .article--boxed--colour-three .article__body { color: #4b21e1!important; } 4369.article--stat { border: 3px #4b21e1 solid!important; } 4370 4371.m-speakers-list--carousel-squares .m-speakers-list__items__item__wrapper { background: #4b21e1!important; } 4372.m-speakers-list--carousel-squares .m-speakers-list__items__item__header__title { color: #fff!important; } 4373.m-speakers-list--carousel-squares .m-speakers-list__items__item__header__meta { color: #fff!important; } 4374 4375.m-speakers-list--grid-squares .m-speakers-list__items__item__image { background-position: top!important; } 4376 4377.section .section__header__title, .l-newsletter .panel .panel__header__title {background: #f0f!important;} 4378 4379.l-hero .w-icatcher-slider .w-icatcher-slider__list__item:before { top:0; } 4380.l-hero .w-icatcher-slider .w-icatcher-slider__list__item:after { bottom:0; } 4381.l-countdown .panel .panel__header-body {max-width: 1040px!important;} 4382.l-countdown .panel .panel__header {margin-right: 15px!important;} 4383.l-countdown .ck-button-two {padding: 18px 30px !important;} 4384 4385.t-homepage .w-countdown { color: #fff; } 4386</style> 4387 4388 4389 4390 4391 </body> 4392 4393 </html> 4394 4395
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.