CINXE.COM
Libsyn Directory
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title> Libsyn Directory</title> <!-- Google Tag Manager --> <script> (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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TV7CN6M'); </script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"> <link rel="stylesheet" href="/css/styles.css?v=6C656562656532303234" /> <!--Custom Fonts--> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Open+Sans+Condensed:300,700|Roboto:500,700|Material+Icons" rel="stylesheet"> <noscript> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"> </noscript> <script src="//code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/js/all.min.js"></script> <!--Favicon--> <link rel="icon" href="//libsyn.com/wp-content/uploads/2012/08/fav.png" type="image/png"> <link rel="alternate" type="application/json+oembed" href="//oembed.libsyn.com?item_id=20479898"> <link rel="alternate" type="text/xml+oembed" href="//oembed.libsyn.com?item_id=20479898&format=xml"> <meta property="og:title" content="2.3 | HOLE-LEE-CRAP"/> <meta property="og:description" content="This week the ghouls dive deep, 15 miles deep in fact, into Mel’s Hole! 10% craziness, 10% conspiracy theory, 75% urban legend, and 5% reason for Marti to make dirty puns. Mel’s hole is one of the craziest stories we’ve covered yet! So, buckle in cause this is sure to be a Hole-In-One! Seriously it’s the "hole" Kit and Caboodle … Hehe Hole! Britany would like to personally apologize for the pun-filled description of this episode (that was very obviously written by Marti) and for just the entire episode in general. But, if she had to sit through all those puns ... you do too. :) We believe in giving credit where credit is due. To view the links for all the resources used/mentioned in this episode, visit the . Connect with us on social media: "/> <meta property="og:image" content="http://assets.libsyn.com/content/111313154?height=250&width=250"/> <meta property="og:image:height" content="250"/> <meta property="og:image:width" content="250"/> <meta property="og:url" content="https://directory.libsyn.com/episode/index/show/gruesomegossip/id/20479898"/> <meta property="og:type" content="website"/> <meta name="twitter:card" content="player" /> <meta name="twitter:title" content="2.3 | HOLE-LEE-CRAP" /> <meta name="twitter:description" content="This week the ghouls dive deep, 15 miles deep in fact, into Mel’s Hole! 10% craziness, 10% conspiracy theory, 75% urban legend, and 5% reason for Marti to make dirty puns. Mel’s hole is one of the craziest stories we’ve covered yet! So, buckle in cause this is sure to be a Hole-In-One! Seriously it’s the "hole" Kit and Caboodle … Hehe Hole! Britany would like to personally apologize for the pun-filled description of this episode (that was very obviously written by Marti) and for just the entire episode in general. But, if she had to sit through all those puns ... you do too. :) &nbsp; We believe in giving credit where credit is due. To view the links for all the resources used/mentioned in this episode, visit the . Connect with us on social media: " /> <meta name="twitter:image" content="http://assets.libsyn.com/content/111313154?height=480&width=640&overlay=true" /> <meta name="twitter:player" content="https://play.libsyn.com/embed/episode/id/20479898/theme/modern" /> <meta name="twitter:player:width" content="640" /> <meta name="twitter:player:height" content="200" /> <meta name="twitter:player:stream" content="https://traffic.libsyn.com/preview/secure/gruesomegossip/2.3_HOLE-LEE-CRAP.mp3" /> <meta name="twitter:player:stream:content_type" content="audio/mpeg" /> </head> <body id="top"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TV7CN6M" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!--NAV Start--> <nav> <div class="nav-wrapper container"> <a href="/" class="brand-logo hide-on-small-and-down"><img src="//static.libsyn.com/p/assets/platform/directory/libsyn-logo-dark.png" alt="Libsyn Logo" class="responsive-img"></a> <a href="/"><img src="//static.libsyn.com/p/assets/platform/directory/libsyn-rss-logo.png" class="nav-icon hide-on-med-and-up" alt="libsyn logo only"></a> <ul class="right"> <li><a href="#" data-target="catNav" class="sidenav-trigger" id="navCatLink"><i class="large material-icons">view_module</i> <span> Topics</span></a></li> </ul> <ul class="right hide-on-large-only"> <li><a href="#searchModal" class="modal-trigger" id="navSearch"><i class="large material-icons">search</i></a></li> </ul> <form class="right hide-on-med-and-down" action="/shows/search/"> <div class="input-field nav-search"> <input name="q" type="search" placeholder="Search" required> <label class="label-icon" for="search"><i class="material-icons">search</i></label> <i class="material-icons">close</i> </div> </form> </div> <div class="progress-container pushpin"> <a href="#top" class="page-scroll"><i class="fas fas fa-angle-double-up fa-lg nav-icons"></i></a> <a href="#bottom" class="page-scroll"><i class="fas fa-angle-double-down fa-lg nav-icons" style="left:90%"></i></a> <div class="progress-bar"></div> <div class="topbar-social"> <a <a href="#searchModal" class="btn-floating btn-large waves-effect waves-light modal-trigger topbar-search animated" style="display:none"><i class="fas fa-search icon fa-lg"></i></a> </div> </div> </nav> <!-- Modal Structure --> <div id="searchModal" class="modal"> <div class="modal-content"> <div class="container-fluid"> <div class="row"> <form class="col s12" action="/shows/search/"> <div class="row"> <div class="input-field col s12"> <input id="mobileSearch" type="text" class="validate" type="search" aria-label="Search" name="q" required> <label for="mobileSearch">Search</label> </div> </div> <input type="submit" value="Submit" class="btn"> </form> </div> </div> </div> </div> <script>var home = false;</script> <!--NAV End--> <!--START Content and Loader--> <div class="loading container text-center"> <img src="//static.libsyn.com/p/assets/platform/directory/svg-icons/loading_ring.svg" alt="loader from loading.io"/> </div> <main style="opacity: 0"> <style> .episode-description strong, .episode-description b{ font-weight: bold; } .card.center ,#main-card{ background: #beb5c6 !important; color: #18151b !important; } #show-more-episodes { background: #584c63 !important; } .card-panel { background: #beb5c6 !important; color: #18151b !important; } .card-panel a{ color: #18151b !important; } .summary a, .fa-search, #more-episodes-section span.title, .video-summary a{ color: #584c63 !important; } #more-episodes-section p, .show-episode-description{ color: #a498b0; } #more-episodes-section .collection a.collection-item:not(.active):hover{ color: #beb5c6 !important; background: WhiteSmoke; } /*Custom Scrollbar*/ ::-webkit-scrollbar-thumb { background: #a498b0 ; } ::-webkit-scrollbar-thumb:hover { background: #584c63; } .progress-container{ background: #beb5c6 !important; } .progress-bar{ background: #584c63 !important; } /*SVG Loader Color*/ #bar-loader #rect-1{fill: #584c63;} #bar-loader #rect-2{fill: #a498b0;} #bar-loader #rect-3{fill: #beb5c6;} </style> <div class="container" id='episode-page' data-slug="gruesomegossip" data-show-id="230672" data-show="Gruesome Gossip"> <div class="row"> <div class="col s12 m4"> <div class="card center"> <a href="/shows/view/id/gruesomegossip"><img src="https://assets.libsyn.com/secure/content/111313154?width=400" class="responsive-img" style="padding:1.2rem;background:transparent;" /></a> </div> <div class="summary"> <p class="show-titles" style="font-weight: bold;"> 2.3 | HOLE-LEE-CRAP </p> <p class="show-titles"> <a href="/shows/view/id/gruesomegossip"> Gruesome Gossip </a> </p> <p class="right-align release" style="font-size: .7rem;">Release Date: 09/17/2021 </p> </div> </div> <div class="col s12 m8"> <div class="card"> <iframe title="Libsyn Player" style="border: none" src="//html5-player.libsyn.com/embed/episode/id/20479898/height/84/theme/custom/thumbnail/no/direction/backward/render-playlist/no/custom-color/584c63/" height="84" width="100%" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe> <div id="more-episodes-section"> <div class="collection"> <a class="collection-item avatar" href="21599834"> <img src="https://assets.libsyn.com/item/21599834?height=50&width=50" alt="A Very Scary Christmas with Gruesome Gossip show art" class="square"> <span class="title episode-title">A Very Scary Christmas with Gruesome Gossip</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">Welcome to a very scary Christmas with the Gruesome Gossip gals! We're sure by now everyone has probably heard of Krampus, he's been having kind of a moment for the last couple of years, and good for him! But we bet most of you haven't heard as much about his female counterpart, the decidedly more fun Frau Perchta (aka The Belly Slitter)!! In this year's Christmas episode, you'll hear all about her, the hobby horse from hell (aka Mari Lywd), and of course Florida Man. So chug some holiday cheer and get ready because this is one bumpy sleigh ride! We believe in giving credit where... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20989586"> <img src="https://assets.libsyn.com/item/20989586?height=50&width=50" alt="2.9 | Halloween Poems and Alligators in Costumes - Season 2 Finale show art" class="square"> <span class="title episode-title">2.9 | Halloween Poems and Alligators in Costumes - Season 2 Finale</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">In the season 2 finale, Marti shares five Halloween poems she composed using real-life tales of horror as her inspiration. She also brings back a favorite segment from season 1; this time involving live alligators being dressed up in Halloween costumes. We believe in giving credit where credit is due. To view the links for all the resources used/mentioned in this episode, visit the . Connect with us on social media: </p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20760713"> <img src="https://assets.libsyn.com/item/20760713?height=50&width=50" alt="2.8 | I'm Going on a Paranormal Road Trip show art" class="square"> <span class="title episode-title">2.8 | I'm Going on a Paranormal Road Trip</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">I (Britany) am hitting the open road with a few other members of my paranormal team, Cheyenne Mountain Paranormal Investigators, in November to check out a few allegedly haunted places in Kansas; including one location that has been very high on my paranormal bucket list for years. In this episode, I share a little backstory about the Sallie House, the 1889 McInteer Villa, the Eldridge Hotel, and Stull Cemetery. We believe in giving credit where credit is due. To view the links for all the resources used/mentioned in this episode, visit the . Connect with us on social media: </p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20759834"> <img src="https://assets.libsyn.com/item/20759834?height=50&width=50" alt="2.7 | Good Mourning! show art" class="square"> <span class="title episode-title">2.7 | Good Mourning!</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">This week Marti is finally covering a subject she’s been wanting to talk about on the podcast since before it even started! So, get ready for a deep dive into Victorian-era mourning practices. Trust us when we say that no one knew how to be sad like the Victorians, and we’re going to tell you all about just how extra they could get! We believe in giving credit where credit is due. To view the links for all the resources used/mentioned in this episode, visit the . Connect with us on social media: </p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20751737"> <img src="https://assets.libsyn.com/item/20751737?height=50&width=50" alt="2.6 | The Ken and Barbie Killers: Part 2 show art" class="square"> <span class="title episode-title">2.6 | The Ken and Barbie Killers: Part 2</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">This week, we're continuing the story of the truly evil acts of the Ken and Barbie Killers; aka The School Girl Killers; aka Paul Bernardo and Karla Homolka. If you haven't listened to part 1 yet, we strongly encourage you to listen to it first. SPECIAL NOTE: We do have a content warning at the beginning of every episode, but we feel it's important to add an extra one here. This story contains details of rape, sexual assault, crimes against minors, and domestic violence. If any of these topics are triggers for you, please skip both parts and come back for episode 2.7 where we'll have something... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20670794"> <img src="https://assets.libsyn.com/content/112436246?height=50&width=50" alt="2.5 | The Ken and Barbie Killers: Part 1 show art" class="square"> <span class="title episode-title">2.5 | The Ken and Barbie Killers: Part 1</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">This week we're revisiting a story that was briefly discussed in the finale of season one and that's the truly evil acts of the Ken and Barbie Killers; aka Paul Bernardo and Karla Homolka. There's so much to this story that we've turned it into a two-parter so be sure to come back next week for the devastating, infuriating, and shocking conclusion. SPECIAL NOTE: We do have a content warning at the beginning of every episode, but we feel it's important to add an extra one here. This story contains details of rape, sexual assault, crimes against minors, and domestic violence. If any of these... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20605565"> <img src="https://assets.libsyn.com/item/20605565?height=50&width=50" alt="2.4 | The Legend of The Pope Lick Monster show art" class="square"> <span class="title episode-title">2.4 | The Legend of The Pope Lick Monster</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">So most of you that have been listening for a while know Marty is from Taylorsville KY...But something I feel like most people may not know about Kentucky is that it has an abundance of urban legends and haunted places. So, while you may have heard of Waverly Hills Sanatorium in Louisville, KY (which is said to be one of the most haunted places in the US) or Bobby Mackey's Music Hall in Wilder, KY (that is said to have a portal to hell in the basement), we bet you haven’t heard about one of Marti’s personal favorite bits of Kentucky folklore and that is the legend of the Pope Lick Monster,... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20479898"> <img src="https://assets.libsyn.com/content/111313154?height=50&width=50" alt="2.3 | HOLE-LEE-CRAP show art" class="square"> <span class="title episode-title">2.3 | HOLE-LEE-CRAP</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">This week the ghouls dive deep, 15 miles deep in fact, into Mel’s Hole! 10% craziness, 10% conspiracy theory, 75% urban legend, and 5% reason for Marti to make dirty puns. Mel’s hole is one of the craziest stories we’ve covered yet! So, buckle in cause this is sure to be a Hole-In-One! Seriously it’s the "hole" Kit and Caboodle … Hehe Hole! Britany would like to personally apologize for the pun-filled description of this episode (that was very obviously written by Marti) and for just the entire episode in general. But, if she had to sit through all those puns ... you do too. :)... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20429648"> <img src="https://assets.libsyn.com/content/111010466?height=50&width=50" alt="2.2 | Decapitated Heads and Blood-Soaked Scarves show art" class="square"> <span class="title episode-title">2.2 | Decapitated Heads and Blood-Soaked Scarves</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">I (Britany) figured you might need a palate cleanser after last’s week episode (see what I did there??), so I’m bringing you a short and not-so-sweet episode this week. In this episode, I’m bringing back on our On This Day segment from season one and talking about the last execution via guillotine in France; which was shockingly not all that long ago. I also share the gruesome story about the last public guillotine execution in France that was so fucked up, the government decided the public would no longer be allowed to attend executions. We believe in giving credit where credit... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <a class="collection-item avatar" href="20334404"> <img src="https://assets.libsyn.com/content/110434982?height=50&width=50" alt="2.1 | Joe Metheny: The Original Hash-Slinging Slasher show art" class="square"> <span class="title episode-title">2.1 | Joe Metheny: The Original Hash-Slinging Slasher</span> <p class="show-title">Gruesome Gossip</p> <p class="episode-body">We’re baaaaack! Welcome to the premiere episode of season two! Ever seen a roadside stand selling delicious BBQ sandwiches? Tempting right? Well not after hearing the story of Joe Metheny. That’s right, the ghouls are back and this season the tea is STRONG! No topic is brewed too dark and we’re ready to prove it by kicking off season 2 with one of our most upsetting episodes yet. So get ready to spill all the tea with Gruesome Gossip because this time we aren’t fucking around! Special Note: My (Britany) audio settings were a little off thanks to not recording for a few months so you... <i class='fas fa-caret-down'></i></p> <i class="material-icons show-episode-description">info_outline</i> </a> <div id="episode-endpoint" class="collection-item"> </div> </div> </div> </div> <a class="btn center-block" id="show-more-episodes" style="display:block!important;">More Episodes</a> </div> <div class="col s12 m8" id="info-panel"> <div class="card-panel"> <div class="episode-description"> <p>This week the ghouls dive deep, 15 miles deep in fact, into Mel’s Hole!</p> <p>10% craziness, 10% conspiracy theory, 75% urban legend, and 5% reason for Marti to make dirty puns. Mel’s hole is one of the craziest stories we’ve covered yet! So, buckle in cause this is sure to be a Hole-In-One! Seriously it’s the "hole" Kit and Caboodle … Hehe Hole!<br /> <br /> <em>Britany would like to personally apologize for the pun-filled description of this episode (that was very obviously written by Marti) and for just the entire episode in general. But, if she had to sit through all those puns ... you do too. :)</em></p> <p> </p> <p>We believe in giving credit where credit is due. To view the links for all the resources used/mentioned in this episode, visit the <a href="https://gruesomegossip.com/episode/23" target="_blank" rel="noopener">show notes</a>.</p> <p>Connect with us on social media:</p> <ul> <li><a href="https://www.facebook.com/gruesomegossip" target= "_blank" rel="noopener">Facebook</a></li> <li><a href="https://www.instagram.com/gruesomegossip/" target= "_blank" rel="noopener">Instagram</a></li> </ul> </div> </div> </div> </div> <div class="row col sm12 m8"> <div id="fb-root"></div> <!-- facebook comment --> <div id="comments" style="height:100%" class="fb-comments" data-href="http://www.gruesomegossip.com/23-hole-lee-crap" data-width="100%" data-numposts="5" data-mobile="true"></div> </div> </div> <script> //Displays bulletpoints $('.episode-description ul').addClass('browser-default'); //required for the customized Loading SVG var loadingSvg = '<svg id="bar-loader" width="100px" height="100px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-facebook" style="background: none;"><rect id="rect-1" ng-attr-x="{{config.x1}}" ng-attr-y="{{config.y}}" ng-attr-width="{{config.width}}" ng-attr-height="{{config.height}}" ng-attr-fill="{{config.c1}}" x="17.5" y="30" width="15" height="40" fill="#e1ffb1"><animate attributeName="y" calcMode="spline" values="18;30;30" keyTimes="0;0.5;1" dur="1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.2s" repeatCount="indefinite"></animate><animate attributeName="height" calcMode="spline" values="64;40;40" keyTimes="0;0.5;1" dur="1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.2s" repeatCount="indefinite"></animate></rect><rect id="rect-2" ng-attr-x="{{config.x2}}" ng-attr-y="{{config.y}}" ng-attr-width="{{config.width}}" ng-attr-height="{{config.height}}" ng-attr-fill="{{config.c2}}" x="42.5" y="30" width="15" height="40" fill="#aed581"><animate attributeName="y" calcMode="spline" values="20.999999999999996;30;30" keyTimes="0;0.5;1" dur="1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.1s" repeatCount="indefinite"></animate><animate attributeName="height" calcMode="spline" values="58.00000000000001;40;40" keyTimes="0;0.5;1" dur="1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.1s" repeatCount="indefinite"></animate></rect><rect id="rect-3" ng-attr-x="{{config.x3}}" ng-attr-y="{{config.y}}" ng-attr-width="{{config.width}}" ng-attr-height="{{config.height}}" ng-attr-fill="{{config.c3}}" x="67.5" y="30" width="15" height="40" fill="#7da453"><animate attributeName="y" calcMode="spline" values="24;30;30" keyTimes="0;0.5;1" dur="1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="0s" repeatCount="indefinite"></animate><animate attributeName="height" calcMode="spline" values="52;40;40" keyTimes="0;0.5;1" dur="1" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="0s" repeatCount="indefinite"></animate></rect></svg>'; var episodeCount = $('#more-episodes-section .collection-item').length; var fetchLimit = 30; var showSlug = $('#episode-page').data('slug'); var showId = $('#episode-page').data('show-id'); var showTitle = $('#episode-page').data('show'); var endPoint = $('#episode-endpoint'); var count = 0; var load = true; var downArrowLocation = 0; var episodeEnd = false; //Toggles the more episodes section when clicked $('#show-more-episodes').on('click', function() { $('#more-episodes-section').toggleClass('active'); setTimeout(function() { $('#info-panel').toggleClass('m12'); }, 400); }); //Shows episode description by toggling the active class //Prevents from going the the href of the episode $('main').on('click', '.show-episode-description', function(e) { e.preventDefault(); $('.collection-item').not(this).removeClass('active'); $(this).parent().toggleClass('active'); }); $('#more-episodes-section').scroll(function(){ if( elementScrolled( $('.collection-item.avatar:last') ) && load === true && episodeEnd === false) { var currentHeight = $('#more-episodes-section')[0].scrollHeight; $.ajax({ url: "/shows/show-more", beforeSend: function(xhr){ load = false; endPoint.html(loadingSvg); }, dataType: "json", data: { "start-point": episodeCount, "fetch-limit" : fetchLimit, "id" : showId, }, success: function( data ){ const episodes = data.results; const episodeArray = Object.keys(episodes).map(i => episodes[i]); if( episodes.length == 0 ){ episodeEnd = true; endPoint.html("<img src='//static.libsyn.com/p/assets/platform/directory/libsyn-rss-logo.png' alt='Libsyn Logo End' class='responsive-img'/><p>No more episodes</p>"); } else{ // episodeArray needs to be reverse to display correctly episodeArray.reverse(); episodeArray.forEach(function(episode){ addEpisode(episode); }); episodeCount += fetchLimit; //Gets a slight break in between loading episodes if a user if constantly scrolling down. $('#more-episodes-section').animate( { scrollTop: currentHeight - 200, }, 1500); //Sets timeout to match the scrolling to ensure a new AJAX call cannot be executed setTimeout(function(){load = true}, 2000); } }, error: function( xhr, textStatus, errorThrown){ // jquery throws error endPoint.html("An error has occurred while while fetching new episodes. Reload the page to try again."); }, }); } }); // This is then function used to detect if the element is scrolled into view function elementScrolled(elem){ var docViewTop = $('#more-episodes-section').scrollTop(); var docViewBottom = docViewTop + $('#more-episodes-section').height(); var elemTop = $(elem).position().top; return ( (elemTop <= docViewBottom) && (elemTop >= docViewTop) ); } //Adds episode with all the relevant HTML needed to create an Episode collection item from the AJAX call function addEpisode(data){ var release = new Date(data['release']); var title = data['title']; var image = data['image']+"?height=50&width=50"; var description = data['description']; var episodeId = data['episodeId'] var releaseDate = release.toLocaleDateString("en-US"); var episodeLink = "/episode/index/show/"+showSlug+"/id/"+episodeId; var episodeCollectionItem = contructEpisode(); addEpisodeToPage(); //Contruct the episode function contructEpisode(){ var collectionItem = '<a class="collection-item avatar" href="'+episodeId+'"><img src="'+image+'" alt="" class="square"><span class="title episode-title">'+title+'</span><p class="show-title">'+showTitle+'</p><p class="episode-body">'+description+'</p><i class="material-icons show-episode-description">info_outline</i></a>' return collectionItem; } //Adds episode to the page where the endPoint is specified function addEpisodeToPage(){ endPoint.before(episodeCollectionItem); } } (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=834757889913083"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> </main> <!--END Content--> <footer id="bottom"> <p class="footer-text center">Libsyn Directory - <i class="far fa-copyright"></i> <a href="https://www.libsyn.com" target="_blank" rel="noopener noreferrer">Liberated Syndication</a></p> <div class="topbar-social"> <a href="https://www.facebook.com/libsyn" class="btn-floating btn-large waves-effect waves-light" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-square icon fa-lg"></i></a> <a href="https://www.instagram.com/libsyn/" class="btn-floating btn-large waves-effect waves-light" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram icon fa-lg"></i></a> <a href="https://twitter.com/libsyn" class="btn-floating btn-large waves-effect waves-light" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter icon fa-lg"></i></a> </div> </footer> <!--Category Modal START--> <ul id="catNav" class="sidenav"> <li><h4 class="center-align">TOPICS</h4></li> <li class="right-align"> <a href="/categories/inspect/id/1"> <span>Arts</span> <i class="fa-inverse fas fa-paint-brush fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/8"> <span>Business</span> <i class="fa-inverse fas fa-briefcase fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/14"> <span>Comedy</span> <i class="fa-inverse fas fa-laugh fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/15"> <span>Education</span> <i class="fa-inverse fas fa-graduation-cap fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/32"> <span>Health & Fitness</span> <i class="fa-inverse fas fa-stethoscope fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/37"> <span>Kids & Family</span> <i class="fa-inverse fas fa-child fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/38"> <span>Music</span> <i class="fa-inverse fas fa-headphones fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/40"> <span>Religion & Spirituality</span> <i class="fa-inverse fas fa-praying-hands fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/52"> <span>Society & Culture</span> <i class="fa-inverse fas fa-globe fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/53"> <span>History</span> <i class="fa-inverse fas fa-landmark fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/62"> <span>Technology</span> <i class="fa-inverse fas fa-microchip fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/67"> <span>TV & Film</span> <i class="fa-inverse fas fa-film fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/68"> <span>Fiction</span> <i class="fa-inverse fas fa-hat-wizard fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/80"> <span>True Crime</span> <i class="fa-inverse fas fa-gavel fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/116"> <span>Government</span> <i class="fa-inverse fas fa-monument fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/140"> <span>Leisure</span> <i class="fa-inverse fas fa-umbrella-beach fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/164"> <span>News</span> <i class="fa-inverse fas fa-newspaper fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/185"> <span>Science</span> <i class="fa-inverse fas fa-flask fa-2x"></i> </a> </li> <li class="right-align"> <a href="/categories/inspect/id/215"> <span>Sports</span> <i class="fa-inverse fas fa-football-ball fa-2x"></i> </a> </li> </ul> <!--Category Modal END--> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <script src="/js/main.js?v=6C656562656532303234"></script> <!--Page specific JS--> </body> </html>