CINXE.COM
Volunteers
<!doctype html> <html class="no-js" lang=""> <head> <title>Volunteers</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="Volunteers"/> <meta name="description" content="Volunteers provide the leadership of SPE for the benefit of other members and the industry."/> <meta name="apple-mobile-web-app-title" content="Volunteers"> <!-- ANALYTICS SCRIPTS --> <!-- Google Tag Manager Script --> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"content": {"category": "volunteer"}}); (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> <!-- END Google Tag Manager --> <!-- Marketo Muchkin 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> <!-- END Marketo Muchkin Script --> <!-- Marketo RTP tag --> <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> <!-- END Marketo RTP tag --> <!-- GLOBAL STYLING FOR ALL PAGES --> <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> <!-- TEMPLATE page.html --> <!-- Font Awesome --> <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"> <!-- Bootstrap --> <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"> <!-- GLOBAL JS FOR ALL PAGES (loaded in head tag) --> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <!-- Start GPT Tag --> <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> <!-- End GPT Tag --> </head> <body> <!-- Google Tag Manager Script --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T8JL43" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- END Google Tag Manager --> <div class="container-liquid" style="position: relative; z-index: 100;"> <!--Main Navigation--> <header id="page-header"> <!-- SPE HEADER BAR --> <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"> <!-- ***************** --> <!-- SPE LOGIN TOP BAR --> <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/volunteer/" id="global_login" class="nav-link loginLink"><i class="fas fa-user"></i> Sign In</a></li> </ul> </nav> </div> <!-- SPE LOGIN TOP BAR --> <!-- ***************** --> <!-- ******** --> <!-- MAIN NAV --> <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> <!-- ****** --> <!-- Search --> <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"> <!-- These styles fix CSE and Bootstrap 3 conflict --> <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> <!-- SEARCH --> </div> <!-- Search --> <!-- ****** --> </nav> </div> <!-- MAIN NAV --> <!-- ******** --> </div> </div><!-- end id="spe-header" --> <div id="headerspacer" class="row py-2 m-0"></div> </header> </div> <!--Main Navigation--> <!--Main layout--> <div class="container-liquid page-content background"> <div class="bg-white container-fluid" 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-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;" " > <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(/media/filer_public/16/78/1678f22c-e378-4ba5-bb12-05adb77ca4a7/training-headerbg.png); 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 py-4" style="background-image: url(/media/filer_public/83/0b/830b63b0-6679-4c4c-a020-31bbc78fe6e9/volunteer_background.png); 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/b7/72/b7724abc-fc7e-4807-96c2-9be88917a411/league_of_volunteers_logo_2.png__200.0x200.0_subject_location-36%2C44_subsampling-2.png" width="120" class="img-fluid img-responsive float-left pull-left ml-4" alt="League of Volunteers logo" > </div> <h1 style="text-align: center;"><span class="text-white"><span style="font-size: 1.5em;">SPE Volunteers</span></span></h1> <h1 style="text-align: center;"><span class="text-white"><span style="font-size: 1.5em;"></span></span></h1> <p style="text-align: center;"><strong><span class="text-col-spe-yellow-lt"><span style="font-size: 1.2em;">Engage • Support • Contribute • Connect</span></span></strong></p> <p style="text-align: center; margin-left: 80px; margin-right: 80px;"><span class="text-white">Our volunteers dedicate themselves to leveraging SPE's shared expertise, resources, and lifelong learning opportunities<br> to empower the success of our members and shape the future of the industry.</span></p> </div> </div> </div> </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 py-4 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;" " > <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 p-4 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-9 col-lg-9 col-xl-9 pr-5" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h2>Join Us in Shaping the Future of SPE</h2> <p>Join the driving force behind SPE's progress by volunteering for our committees overseeing various programs and activities. Leverage your skills to shape our initiatives and enjoy personal and professional growth within our active community. Explore a variety of <a href="https://connect.spe.org/leagueofvolunteer/opportunities?utm_source=spe.org&utm_medium=internal-ad&utm_campaign=volunteer&utm_content=spe%20news%20february%20and%20march" target="_self" class style="opacity: 1.0;">SPE Volunteer Opportunities</a> on the SPE Connect League of Volunteers page.</p> <p>Your expertise and experience can directly influence the direction of SPE initiatives.</p> <p><strong>Benefits of volunteering with SPE:</strong></p> <ul> <li><strong>Engage</strong> and develop your leadership abilities through active participation.</li> <li><strong>Support</strong> SPE programs and activities with your knowledge and experience.</li> <li><strong>Contribute</strong> your talent to shape and enhance SPE programs and activities.</li> <li><strong>Connect</strong> with fellow members locally and globally, fostering valuable connections.</li> </ul> </div> <div class="col col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 align-self-center pl-2" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" border-left: solid 3px #F0AB00; padding: 8px;" > <h4>Quick Links</h4> <p><a href="https://connect.spe.org/leagueofvolunteer/opportunities?_gl=1*zvt66v*_gcl_au*MTI2ODI0NjkwMi4xNzA0NzMxNjg2" target="_blank" rel="noopener" class style="opacity: 1.0;">View SPE Volunteer Opportunities - <br>SPE League of Volunteers on SPE Connect</a><br> <a href="/volunteer/standing_committees/" target="_self" class style="opacity: 1.0;">Standing Committees</a><br> <a href="/volunteer/testimonials/" target="_self" class style="opacity: 1.0;">Volunteer Testimonials</a><br> <a href="/volunteer/faqs/" target="_self" class style="opacity: 1.0;">FAQs</a></p> <p><strong>Questions?</strong><br> Email: <a href="mailto:volunteer@spe.org" target="_self" class style="opacity: 1.0;">volunteer@spe.org</a></p> </div> </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 py-5 bg-white 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-3 col-lg-3 col-xl-3" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <div> <a href="http://connect.spe.org/leagueofvolunteer/myprofile?_ga=2.68324241.188321677.1598889914-16880164.1561733442" > <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/12/95/1295a4e0-1005-454d-9c88-aee471bb0da5/mentor-icon.png__100.0x100.0_subsampling-2.png" width="75" height="75" class="img-fluid img-responsive rounded-circle mx-auto d-block mb-2" alt="Become an Ambassador Lecturer" > </a> </div> <h3 style="text-align: center;">Express Your Interest</h3> <p style="text-align: center;"><a href="http://connect.spe.org/leagueofvolunteer/myprofile" target="_blank" rel="noopener" class style="opacity: 1.0;">Opt in to receive emails regarding new volunteer opportunities.</a></p> </div> <div class="col col-12 col-sm-12 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> <a href="http://connect.spe.org/leagueofvolunteer/opportunities?_ga=2.174772002.188321677.1598889914-16880164.1561733442" > <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/11/a5/11a5a944-5ebb-4e2d-a270-0d0de1212c81/users-icon.png__100.0x100.0_subsampling-2.png" width="75" height="75" class="img-fluid img-responsive rounded-circle mx-auto d-block mb-2" alt="Ambassador Lecturer Resources" > </a> </div> <h3 style="text-align: center;">Apply to Become an SPE Volunteer</h3> <p style="text-align: center;"><a href="http://connect.spe.org/leagueofvolunteer/opportunities" target="_blank" rel="noopener" class style="opacity: 1.0;">View a list of volunteer opportunities (SPE Connect).</a></p> </div> <div class="col col-12 col-sm-12 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> <a href="https://www.spe.org/foundation/give-now#converttogrants" > <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/53/1c/531c2513-5c1b-466c-9f0c-14f38eec0618/sign-in-icon.png__100.0x100.0_subsampling-2.png" width="75" height="75" class="img-fluid img-responsive rounded-circle mx-auto d-block mb-2" alt="SPE Foundation Give Now" > </a> </div> <h3 style="text-align: center;">Convert Your Volunteer Hours to Dollars</h3> <p style="text-align: center;"><a href="https://www.spe.org/foundation/give-now#converttogrants" target="_self" class style="opacity: 1.0;">Learn more about Volunteer Grants.</a></p> </div> <div class="col col-12 col-sm-12 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> <a href="/volunteer/testimonials/" > <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/d1/94/d1949a3b-b2d1-447c-b778-ee60d01a4c65/comments-icon.png__100.0x100.0_subsampling-2.png" width="75" height="75" class="img-fluid img-responsive rounded-circle mx-auto d-block mb-2" alt="Ambassador Lecturer Request a Visit" > </a> </div> <h3 style="text-align: center;">Volunteer Stories</h3> <p style="text-align: center;"><a href="/volunteer/testimonials/" target="_blank" rel="noopener" class style="opacity: 1.0;">Learn how our volunteers are contributing to SPE.</a></p> </div> </div> </div> </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 py-4 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;" " > <h2 style="text-align: center;">Categories of SPE Volunteer Opportunities</h2> <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 pt-3 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;" " > <style> .card { word-wrap: normal; } </style> <div class="card-deck" style="opacity: 1.0; "> <style> .card { word-wrap: normal; } </style> <div class="card bg-light" style="opacity: 1.0; "> <style> .card { word-wrap: normal; } </style> <div class="card-body" style="opacity: ; "> <h4>Committee Volunteer Opportunities</h4> <h5>Standing Committees</h5> <p>SPE Standing Committees oversee a range of essential functions within the Society, each tasked with specific responsibilities vital to its operations and objectives. These committees are constituted by a cadre of committed members, whose expertise and dedication drive the effective execution of their respective mandates. </p> <p><a href="/volunteer/standing_committees/" target="_blank" rel="noopener" class style="opacity: 1.0;">Learn more about SPE’s standing committees and view a full list of committees.</a></p> <p><a href="/media/filer_public/8d/0a/8d0a6033-975a-4fb5-acb2-978ce797abd4/2024_standing-committees-combined_-_updated_oct_2024.pdf" target="_blank" rel="noopener" class style="opacity: 1.0;">View our annual standing committee report.</a> (pdf)</p> <h5>Event Program Committees</h5> <p>The mission of the Event Program Committees is to develop an engaging and relevant technical program by monitoring activity in their fields, identifying topics and companies active in development work, as well as individuals who can contribute their knowledge and expertise to the technical content. </p> <p><a href="/events/about-events/" target="_blank" rel="noopener" class style="opacity: 1.0;">Learn more about SPE Event Programs.</a></p> </div> <div class="ml-3 mb-3 w-100 d-none d-sm-block d--none"></div> </div> <div class="ml-3 mb-3 w-100 d-none d-sm-block d-lg-none"></div> <style> .card { word-wrap: normal; } </style> <div class="card bg-light" style="opacity: 1.0; "> <style> .card { word-wrap: normal; } </style> <div class="card-body" style="opacity: ; "> <h4>Non-Committee Volunteer Opportunities</h4> <p>SPE provides numerous non-committee volunteer positions, such as:</p> <ul> <li>PetroBowl Question Writer</li> <li>Manuscript Reviewer for SPE Journal</li> <li>SPE Mentor</li> <li>Energy4me Ambassador</li> <li>Regional Awards and Student Paper Contest Judges</li> <li>And countless others waiting for you to explore!</li> </ul> <p><a href="https://connect.spe.org/leagueofvolunteer/opportunities" target="_blank" rel="noopener" class style="opacity: 1.0;">See a full list of volunteer opportunities.</a></p> <p> </p> </div> <div class="ml-3 mb-3 w-100 d-none d-sm-block d--none"></div> </div> <div class="ml-3 mb-3 w-100 d-none d-sm-block d-lg-none"></div> </div> <div class="ml-3 mb-3 w-100 d-none d-sm-block d--none"></div> </div> </div> <p style="text-align: center;">Questions about volunteer opportunities? Email: <a href="mailto:volunteer@spe.org" target="_self" class style="opacity: 1.0;">volunteer@spe.org</a></p> <a name="recognition"></a> </div> </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 p-5 grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="bg-color-main-lt col col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 p-4" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <h2 style="text-align: center;">Volunteer Recognition</h2> <p>SPE depends greatly on the talents of volunteers to accomplish the work of the Society. JPT articles, SPE awards, and Board proceedings routinely recognize the service of member volunteers. </p> <p><em>As a volunteer you will receive a personalized thank you letter from the SPE President, which you may download any time from your <strong><a href="https://www.spe.org/member/access/MyAccount" target="_self" class style="opacity: 1.0;">My Account</a></strong> page.</em></p> <p><strong>Tip:</strong> From the "My Account" page, click on "Volunteer Service & Letters" to view completed volunteer service. As future service is completed, it will be viewable on this page.</p> <p><em><strong>Note:</strong> If completed service is missing from your volunteer service page in your SPE Member Profile, contact <a href="mailto:volunteer@spe.org" target="_self" class style="opacity: 1.0;">volunteer@spe.org</a> for assistance.</em></p> </div> </div> </div> </div> <!--Main layout--> <!-- GLOBALLY ADDING COOKIE BAR TO ALL PAGES --> <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--> <footer id="page-footer"> <!-- #spe-footer 2020 Short --> <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> <!-- #spe-footer 2020 Short --> </footer> <!--/.Footer--> <!-- GLOBAL JS FOR ALL PAGES (loaded in head tag) --> <!-- removing ckeditor reference since not needed; do not use ckeditor CDN! --> <!-- Bootstrap 4 --> <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> <!-- ************* --> <!-- SEARCH 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> <!-- END SEARCH SCRIPT --> <!-- ***************** --> <!-- TODO: Add future script includes here; keep blank for default bootstrap theme --> <style> body { background-color: #f1f2f7; } </style> </body></html>