SPE Forums

<!doctype html> <html class="no-js" lang=""> <head> <title>SPE Forums</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="SPE Forums"/> <meta name="description" content=""/> <meta name="apple-mobile-web-app-title" content="SPE Forums">   <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"content": {"category": "events"}}); (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T8JL43'); </script>   <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('833-LLT-087'); } } var mkto_script = document.createElement('script'); mkto_script.type = 'text/javascript'; mkto_script.async = true; mkto_script.src = '//munchkin.marketo.net/munchkin.js'; mkto_script.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; mkto_script.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(mkto_script); })(); </script>   <script type='text/javascript'> (function(c,h,a,f,i,e){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; c[a].a=i;c[a].e=e;var g=h.createElement("script");g.async=true;g.type="text/javascript"; g.src=f+'?aid='+i;var b=h.getElementsByTagName("script")[0];b.parentNode.insertBefore(g,b); })(window,document,"rtp","//sjrtp4-cdn.marketo.com/rtp-api/v1/rtp.js","spe"); rtp('send','view'); rtp('get', 'campaign',true); </script>   <style> blockquote { padding: .5rem 1rem; border-left: .25rem solid #eceeef; } .zoom { transition: transform .2s; } .zoom:hover { -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Safari 3-8 */ transform: scale(1.2); } </style>   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://kit.fontawesome.com/9cbc9abb19.css" crossorigin="anonymous">  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="/static/js/spe_scroller_jquery.css" integrity="sha384-juWNVEQZ4R0g8fb7EbjVR1vTBSa33iiBazKbFD4OJ3EfMKSse0jLNit6ZSRwdBfp" crossorigin="anonymous"/> <link rel="stylesheet" type="text/css" href="/static/css/spe/2021/stylesheet.css">  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>  <script async src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'></script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { var mapping1 = googletag.sizeMapping() .addSize([700, 200], [[160, 600]]) .addSize([0, 0], [[0, 0]]) .build(); googletag.defineSlot('/57789820/SPE_ORG_160x600', [[160,600]], 'div-gpt-ad-6795482-1') .defineSizeMapping(mapping1) .addService(googletag.pubads()); googletag.pubads().collapseEmptyDivs(); googletag.pubads().setCentering(true); googletag.enableServices(); }); </script>  </head> <body>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T8JL43" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="container-liquid mb-3" style="position: relative; z-index: 100;">  <header id="page-header">  <div id="spe-header" class="row m-0"> <div id="logo-box" class="col-4 col-sm-4 col-md-3 col-lg-2 py-2 mx-auto my-2"> <a href="/"><img src="/static/www/img/spe_vert_white.svg" alt="SPE Logo" id="spelogo" class="img-fluid"></a> </div> <div id="menublock" class="col-12 col-md p-0">   <div id="loginbar" class="container-fluid"> <nav id="global-nav" class="row"> <ul class="nav ml-auto pr-4"> <li class="nav-item"><a href="https://www.spe.org/about/" class="nav-link">About SPE</a></li> <li class="nav-item"><a href="https://www.spe.org/contact/" class="nav-link">Contact Us</a></li> <li class="nav-item"><a href="https://www.spe.org/jobs/" class="nav-link">Jobs</a></li> <li class="nav-item"><a href="https://search.spe.org/i2kweb/SPE/search" class="nav-link"><i class="fa fa-plus" aria-hidden="true"></i> Research Portal</a></li> <li class="nav-item" style="float: right;"><a href="https://www.spe.org/sso/protected_login.html?redirect_target=https%3A//www.spe.org/en/events/forums/" id="global_login" class="nav-link loginLink"><i class="fas fa-user"></i> Sign In</a></li> </ul> </nav> </div>     <div id="mainnavbar" class="container-fluid pb-2"> <nav id="mainnav" class="row pr-5 navbar navbar-expand-lg"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".topcollapse" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <ul class="topcollapse nav collapse navbar-collapse"> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/members/">Membership</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/events/about-events/">Events</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/publications/">Publications</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/training/">Training</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/industry/">Resources</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/en/community/">Community</a></h4></li> </ul>   <div class="searching my-auto text-right"> <a href="javascript:void(0)" class="search-open"> <i class="fa fa-search"></i> </a> <div class="search-inline pt-4"> <form> <div class="GoogleSiteSearch search-inline-sub"> <div class="form-wrapper"> <div class="gse-search">  <style type="text/css"> .gsc-adBlock { opacity: 0.5; } .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after, .gsc-inline-block { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button { box-sizing: content-box; line-height: normal; background-image: none !important; } .gsc-control-cse { padding: 0; } </style> <script async src="https://cse.google.com/cse.js?cx=007919311804914109615:_7f3pu6glfg"></script> <div class="gcse-search"></div> </div> </div> </div> <div class="search-close-div search-inline-sub"> <a href="javascript:void(0)" class="search-close"> <i class="fa fa-times"></i> </a> </div> </form> </div>  </div>   </nav> </div>   </div> </div> <div id="headerspacer" class="row py-2 m-0"></div> </header> </div>   <div class="container-liquid page-content background"> <div class="bg-white container" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;"> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <div class="mb-4"> </div> <style> #customized_navbar_items.d-none { display: block !important; } </style> <nav class="navbar navbar-light customnav navbar-expand-sm px-0 flex-row flex-nowrap "> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div id="customized_navbar_items" class="nav flex-sm-column flex-row subbynav"> <a class="nav-link" href="/events/about-events/"> Events Home </a> <a class="nav-link" href="/events/forums/"> Forums Home </a> <a class="nav-link" href="/events/forums/about-forums/"> About Forums </a> <a class="nav-link" href="/events/forums/getting-involved/"> Get Involved </a> <a class="nav-link" href="/events/forums/guidelines/"> Forum Guidelines </a> <a class="nav-link" href="/events/forums/faq/"> Forum FAQs </a> <a class="nav-link" href="/events/forums/forum-calendar/"> Forum Calendar </a> <a class="nav-link" href="/events/forums/past-forums/"> Forum Archive </a> <a class="nav-link" href="https://www.surveygizmo.com/s3/2477658/SPE-Event-Topic-Submission-Form"> Suggest a Forum </a> </div> </div> </nav> </div> <div class="col col-12 col-sm-9 col-md-9 col-lg-9 col-xl-9 py-4" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/a7/de/a7de6090-ba57-4935-94ea-f12194da1b05/forum-series-logo.jpg__250.0x292.0_q85_subsampling-2.jpg" width="100" height="117" class="img-fluid img-responsive float-right pull-right mr-2" alt="Forum Series Logo" > </div> <h1>SPE Forums</h1> <p>SPE Forums are about the future. They are collaborative, idea-generating meetings that stimulate new ideas and innovation to meet upcoming challenges to the E&P industry. Thought leaders are invited to participate in a week-long exploration of the future and how to shape it.</p> <p>SPE Forums are unique, limited-attendance events that bring together top technologists, innovators, and other stakeholders to address specific industry challenges. Participants are encouraged to come prepared to contribute their experience and knowledge, rather than being passive attendees.</p> <h4> </h4> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <p style="text-align: center;"> <div> <a href="/training/in-house/" > <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/13/45/13458e0f-8459-47e1-b420-875f872c5413/training-inhouse-icon.png__76.0x83.0_q85_subsampling-2.jpg" class="img-fluid img-responsive mx-auto d-block" alt="person at monitor icon" > </a> </div> </p> <h3 style="text-align: center;"><a href="/events/forums/about-forums/" target="_self" class style="opacity: 1.0;">About Forums</a></h3> <p style="text-align: center;">Find information about past topics, the format of a forum, and how to apply</p> </div> <div class="col col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <p style="text-align: center;"> <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/06/63/06636c93-6060-4047-b98f-078b1e78db22/training-people-con.png__75.0x83.0_q85_subsampling-2.jpg" class="img-fluid img-responsive mx-auto d-block" alt="people" > </div> </p> <h3 style="text-align: center;"><a href="/events/forums/getting-involved/" target="_self" class style="opacity: 1.0;">Get Involved</a></h3> <p style="text-align: center;">See how the different roles of participants contribute to the whole forum</p> </div> <div class="col col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <p style="text-align: center;"> <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/d2/62/d2628d13-0ebb-4dd7-9ba7-657db70f0158/training-certif-icon.png__75.0x83.0_q85_subsampling-2.jpg" class="img-fluid img-responsive mx-auto d-block" alt="star" > </div> </p> <h3 style="text-align: center;"><a href="/events/forums/guidelines/" target="_self" class style="opacity: 1.0;">Guidelines</a></h3> <p style="text-align: center;">Download important information and answers to frequent questions</p> </div> </div> <p> </p> <h3>Inspire the Development of New Technology</h3> <p>You have a role to play in meeting the challenges of tomorrow head on. View upcoming forums to see where and how you can participate.</p> <p> </p> <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/b0/ba/b0ba8612-eb4a-430b-8b65-b49ca298da22/forum_email_800x200_0820_b_banner.jpg__800.0x200.0_q85_subsampling-2.jpg" srcset=" /media/filer_public_thumbnails/filer_public/b0/ba/b0ba8612-eb4a-430b-8b65-b49ca298da22/forum_email_800x200_0820_b_banner.jpg__576x576_q85_subsampling-2.jpg 576w, /media/filer_public_thumbnails/filer_public/b0/ba/b0ba8612-eb4a-430b-8b65-b49ca298da22/forum_email_800x200_0820_b_banner.jpg__768x768_q85_subsampling-2.jpg 768w, /media/filer_public_thumbnails/filer_public/b0/ba/b0ba8612-eb4a-430b-8b65-b49ca298da22/forum_email_800x200_0820_b_banner.jpg__800.0x200.0_q85_subsampling-2.jpg 800.0w " sizes=" (max-width: 576px) 576px, (max-width: 768px) 768px, 800.0px " class="img-fluid img-responsive mx-auto d-block" alt="Forum Tagline" > </div> <p> </p> <div class="mb-5"> </div> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h3>SPE Members Share Their Experience</h3> <p>Hear these SPE members describe their positive personal experiences with SPE forums. Join them at an upcoming forum!</p> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row bg-light grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;">Mathias Carlsen</h3> <hr> <p> </p> </div> <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <style>div.embed-responsive.embed-responsive-16by9::before { padding-top:0 }</style> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/683523884?h=f648176638&badge=0&autopause=0&player_id=0&app_id=58479" loading="lazy" scrolling="no" frameborder="no" allowfullscreen ></iframe> </div> </div> </div> <div class="m-4"> </div> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row bg-light grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;">Paul Francis</h3> <hr> <p> </p> </div> <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <style>div.embed-responsive.embed-responsive-16by9::before { padding-top:0 }</style> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/683523915?h=8a324f47ab&badge=0&autopause=0&player_id=0&app_id=58479" loading="lazy" scrolling="no" frameborder="no" allowfullscreen ></iframe> </div> </div> </div> <div class="m-4"> </div> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row bg-light grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;">Kyle Haustveit</h3> <hr> <p> </p> </div> <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <style>div.embed-responsive.embed-responsive-16by9::before { padding-top:0 }</style> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/683523843?h=bf0998f970&badge=0&autopause=0&player_id=0&app_id=58479" loading="lazy" scrolling="no" frameborder="no" allowfullscreen ></iframe> </div> </div> </div> <div class="m-4"> </div> <style> .grid_row_background_size{ background-size: cover; } @media screen and (max-width: 976px) { .grid_row_background_size{ background-size: 100% 100%; } } </style> <div class="row bg-light grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;"> </h3> <h3 style="text-align: center;">David Reid</h3> <hr> <p> </p> </div> <div class="col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <style>div.embed-responsive.embed-responsive-16by9::before { padding-top:0 }</style> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/683523805?h=2fca6c3b66&badge=0&autopause=0&player_id=0&app_id=58479" loading="lazy" scrolling="no" frameborder="no" allowfullscreen ></iframe> </div> </div> </div> </div> </div> </div> </div> </div> </div>   <style type="text/css"> #cookie-bar { background: #111111; height: auto; line-height: 24px; color: #eeeeee; text-align: center; padding: 3px 0; } #cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; } #cookie-bar.fixed.bottom { bottom: 0; top: auto; } #cookie-bar p { margin: 0; padding: 0; } #cookie-bar a { color: #ffffff; display: inline-block; border-radius: 3px; text-decoration: none; padding: 0 6px; margin-left: 8px; } #cookie-bar a.learnLink { color: #a3bce4; } #cookie-bar .cb-enable { background: #89C3E5; } </style>  <footer id="page-footer">  <footer id="spe-footer"> <div class="container"> <div id="footer-nav" class="row p-2"> <ul class="nav m-auto"> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/members/">Membership</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/events/about-events/">Events</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/publications/">Publications</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/training/">Training</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/industry/">Resources</a></h4></li> <li class="nav-item"><h4><a class="nav-link" href="https://www.spe.org/en/community/">Community</a></h4></li> </ul> </div> <div id="footer-mega" class="row mt-2 mb-0"> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/">About SPE</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/disciplines/">SPE Disciplines</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/regions/">SPE Regions</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/privacypolicy/">Privacy Policy</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/professional-code-of-conduct/">Code of Conduct</a></h5> </div> <div class="col-12 col-sm-2 mb-0"> <h5><a class="nav-link-lower" href="https://www.spe.org/en/about/terms-of-service/">Terms of Service</a></h5> </div> </div> <div id="footer-socials" class="row"> <nav id="social-media-links-footer" class="ml-auto"> <ul> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.facebook.com/spemembers" id="facebook" title="Connect with SPE on Facebook"><i class="fab fa-facebook-square"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://twitter.com/SPEtweets" id="twitter" title="Follow SPE Events on Twitter"><i class="fa-brands fa-square-x-twitter"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.linkedin.com/company/23356/" id="linkedin" title="Join SPE's professional network on LinkedIn"><i class="fab fa-linkedin"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://www.youtube.com/2012SPE" id="youtube" title="Explore SPE videos on YouTube"><i class="fab fa-youtube-square"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://instagram.com/spengineers/" id="instagram" title="Connect with SPE on Instagram"><i class="fab fa-instagram"></i></a></li> <li class="footfnt"><a target="_blank" rel="noopener" href="https://connect.spe.org/" id="connect" title="SPE’s online communities – SPE Connect"><i class="fas fa-comment-alt"></i></a></li> </ul> </nav> </div> <div id="footer-copyright" class="row"> <div id="copyrightcol" class="col mb-5">© Copyright 2003-2024, Society of Petroleum Engineers. All rights reserved.</div> </div> </div> </footer>  </footer>     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script> // short helper function to check the results of a jquery search results $.fn.exists = function () { return this.length !== 0; }; // fix ie in case the console.logs get out there if (typeof console === "undefined") { console = {log: function() {}}; } $( document ).ready(function() { $(".customnav").hide(); // NOTE: we only append once on load! // use jquery to get all .spe-context-menu(.subbynav) let ctx_menus = $(".subbynav"); if (ctx_menus.exists()) { ctx_menus.each( function (index) { console.log(' [' + index + '] ' + $(this)[0].tagName + '- ' + $(this).attr('class')); // perform a deep copy of nodes to append to the menu (with click events) // add appropriate styles to display only when we want $(this).clone().addClass("d-block d-lg-none menuNested").appendTo("#navbarNavAltMarkup", true); // add a new class to mark the inline menu items for show hide $(this).addClass("d-none d-lg-block menuNotNested"); $(".customnav").show(); }); } // NOTE: from this point on bootstrap should handle the heavy lifting of breakpoints for us! }); </script>   <script> $(document).ready(function () { // console.log("ready!"); var sp = document.querySelector('.search-open'); var searchbar = document.querySelector('.search-inline'); var shclose = document.querySelector('.search-close'); function changeClass() { searchbar.classList.add('search-visible'); } function closesearch() { searchbar.classList.remove('search-visible'); } sp.addEventListener('click', changeClass); shclose.addEventListener('click', closesearch); const $dropdown = $(".dropdown"); const $dropdownToggle = $(".dropdown-toggle"); const $dropdownMenu = $(".dropdown-menu"); const showClass = "show"; $(window).on("load resize", function () { if (this.matchMedia("(min-width: 768px)").matches) { $dropdown.hover( function () { const $this = $(this); $this.addClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "true"); $this.find($dropdownMenu).addClass(showClass); }, function () { const $this = $(this); $this.removeClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "false"); $this.find($dropdownMenu).removeClass(showClass); } ); } else { $dropdown.off("mouseenter mouseleave"); } }); }); </script>    <style> body { background-color: #f1f2f7; } </style> </body></html>

CINXE.COM

SPE Forums