CINXE.COM

The SPE Podcast

<!doctype html> <html class="no-js" lang=""> <head> <title>The SPE Podcast</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="The SPE Podcast"/> <meta name="description" content="Links to podcasts from the Society of Petroleum Engineers including interviews with industry experts and more."/> <meta name="apple-mobile-web-app-title" content="The SPE Podcast"> <!-- ANALYTICS SCRIPTS --> <!-- Google Tag Manager Script --> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"content": {"category": "podcasts"}}); (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 mb-3" 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/podcasts/%3F_gl%3D1%2A16wozpo%2A_gcl_au%2AMjg3ODU5OTEyLjE3MDQ0ODMzNzE." 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" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;"> <div class="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 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;" " > <h1>The SPE Podcast</h1> <p> <div> <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/da/40/da407191-3499-4413-97b8-c801efedb59f/spe_podcast_microphone.png__1350.0x1350.0_subsampling-2.png" width="125" class="img-fluid img-responsive float-left pull-left" alt="The SPE Podcast Microphone" > </div> <big>Welcome to The SPE Podcast. SPE is a diverse organization with many stories to share with you. SPE podcasts are presented in a variety of formats, including interviews with industry experts about technical subjects and career advice, messages from SPE’s President, stories about the contributions of our industry to society, sustainability topics, and more.</big></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 pb-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;" " > <div class="alert alert-primary" role="alert" style="opacity: 1.0;"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> <p style="text-align: center;"><strong><big>The SPE Podcast is Back!</big></strong></p> <p>Listen to your favorite SPE Live episode on the go every first and third Thursday of the month. Remember to like and subscribe so you never miss an update.</p> </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 p-3 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-12 col-lg-12 col-xl-12" style="background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover;" " > <div> <a href="https://www.podbean.com/ew/pb-5vfqv-172b3e7" > <div class="foreground-pic"></div> <img src="/media/filer_public_thumbnails/filer_public/7e/89/7e897e03-789e-46e4-a996-d34c9a03ce02/podcast_-_data_science-production_and_operations.png__1920.0x1080.0_q85_subsampling-2.jpg" width="500" class="img-fluid img-responsive float-right pull-right mb-2 ml-3" alt="SPE Live Podcast: Technical Director Series – Data Science in Production and Operations – Opportunities, Gaps, and Future Outlook" > </a> </div> <h3>SPE Live Podcast: Data Science in Production and Operations – Opportunities, Gaps, and Future Outlook</h3> <p><em>3 October 2024</em></p> <p><a href="https://www.podbean.com/ew/pb-5vfqv-172b3e7" target="_blank" rel="noopener" class="btn btn-warning" style="opacity: 1.0;">&nbsp;&nbsp;&nbsp;Listen&nbsp;&nbsp;&nbsp;</a></p> <p>Join us for an SPE Live on data science applications, opportunities, future trends, gaps, and demands in oil and gas production and operations. In this episode, the SPE DSEA Technical Director and the SPE Production and Operations Technical Director also address people skills &amp; training requirements related to data science for professionals in the energy sector.</p> <p><em><strong>Speakers:</strong> Hamad Al-Marri, SPE Production and Operations Technical Director. Production and Facilities Development Director at Saudi Aramco; Sushma Bhan, SPE DSEA Technical Director. Board of Director at Ikon Science</em></p> <p><em><strong>Moderated by:</strong> Birol Dindoruk, Former SPE DSEA Technical Director. Professor of Petroleum Engineering at the University of Houston</em></p> <p><em></em></p> <p><em></em></p> <p><em></em></p> <p><em></em></p> </div> </div> <div class="m-3"> </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-3 grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <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://www.podbean.com/media/player/multi?playlist=http%3A%2F%2Fplaylist.podbean.com%2F5928499%2Fplaylist_multi.xml&amp;vjs=1&amp;kdsowie31j4k1jlf913=79bc301968de91d30ef4b351f2d423182b82cb0c&amp;size=430&amp;skin=7&amp;episode_list_bg=%23ffffff&amp;bg_left=%23000000&amp;bg_mid=%230d4c92&amp;bg_right=%230067b1&amp;podcast_title_color=%23ffffff&amp;episode_title_color=%23ffffff&amp;auto=0&amp;share=0&amp;fonts=Arial&amp;download=0&amp;rtl=0&amp;show_playlist_recent_number=100&amp;pbad=1" loading="lazy" scrolling="no" frameborder="no" allowfullscreen ></iframe> </div> <div class="m-2"> </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 grid_row_background_size" style="background-image: url(); background-position: center center; background-repeat: no-repeat; opacity: 1.0; " > <div class="border border-color-main-lt 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;" " > <div class="m-3"> </div> <h3>Past Episodes</h3> <div class="m-4"> </div> <h4>Drilling Automation Roadmap with John de Wardt</h4> <p><em>29 September 2020</em></p> <p><a href="https://spepodcast.podbean.com/e/spe-talks-tech-drilling-automation-roadmap-with-john-de-wardt/" target="_blank" rel="noopener" class="btn btn-primary" style="opacity: 1.0;">Listen</a></p> <p>SPE's Paige McCown talks with John de Wardt, founder of De Wardt and Company and program manager of the Drilling System Automation Roadmap to discuss the need for an industry roadmap.</p> <hr> <h4>Data and AI in the Petroleum Industry with Jeff Baetz</h4> <p><em>8 September 2020</em></p> <p><a href="https://spepodcast.podbean.com/e/artificial-intelligence-best-practices-in-the-oil-and-gas-industry-with-jeff-baetz/" target="_blank" rel="noopener" class="btn btn-primary" style="opacity: 1.0;">Listen</a></p> <p>In this podcast discussion, we talk about how artificial intelligence can help the industry through the digital transformation. This transition is a priority for oil and gas companies to reduce risk while improving operational efficiency.</p> <hr> <h4>The Way Ahead with Jeff Spath and Jennifer Miskimins</h4> <p><em>1 September 2020</em></p> <p><a href="https://spepodcast.podbean.com/e/the-way-ahead-with-jeff-spath-and-jennifer-miskimins/" target="_blank" rel="noopener" class="btn btn-primary" style="opacity: 1.0;">Listen</a></p> <p>In this podcast discussion, we are talking about the way ahead for students and recent graduates in petroleum engineering.</p> <p>The COVID-19 pandemic-induced oil and gas downturn has caused a lot of uncertainty for students, especially petroleum engineers. Whether they are starting their college career or looking to enter the workforce, there are many challenges ahead. We intend to address those challenges and to answer questions live from the audience.</p> <p>Our guests in this episode include:<strong></strong></p> <ul> <li><strong>Jeff Spath</strong>, Professor and the Department Head of the Department of Petroleum Engineering at Texas A&amp;M University</li> <li><strong>Jennifer Miskimins</strong>, Professor and the Department Head of the Petroleum Engineering Department at the Colorado School of Mines</li> </ul> <hr> <p><strong></strong></p> <h4> </h4> <p><strong><a href="https://spepodcast.podbean.com/" target="_blank" rel="noopener" class style="opacity: 1.0;">See a full list of podcasts and episode descriptions.</a></strong><br>  </p> </div> <div class="m-2"> </div> </div> <div class="m-3"> </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">&copy; 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>

Pages: 1 2 3 4 5 6 7 8 9 10