<turbo-stream action="append" target="audio_clips_list"><template>
    <hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/7424555-can-you-get-fired-for-attending-a-funereal"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/35685165/75x75/c 75w, https://audioboom.com/i/35685165/150x150/c 150w, https://audioboom.com/i/35685165/300x300/c 300w, https://audioboom.com/i/35685165/600x600/c 600w, https://audioboom.com/i/35685165/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #a08d82; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/35685165/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
S1 Ep4: Can You Get Fired for Attending a Funereal?
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Can you get fired for attending a funeral? In many cases, the answer is no. However, some bosses may believe otherwise.
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
40m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1573747047" data-format="short_date">Nov 14, 2019</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
40m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/7424551-crazy-fan-story-office-horror-stories"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/35685149/75x75/c 75w, https://audioboom.com/i/35685149/150x150/c 150w, https://audioboom.com/i/35685149/300x300/c 300w, https://audioboom.com/i/35685149/600x600/c 600w, https://audioboom.com/i/35685149/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #12c7d9; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/35685149/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
S1 Ep3: Crazy Fan Story | Office Horror Stories
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Anyone who has ever worked in the public eye likely has a crazy fan story. This goes for reporters, entertainers, or public figures of any kind. 
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
36m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1573746951" data-format="short_date">Nov 14, 2019</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
36m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/7424548-breeding-farm-nightmare-workplace-horror-story"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/35685128/75x75/c 75w, https://audioboom.com/i/35685128/150x150/c 150w, https://audioboom.com/i/35685128/300x300/c 300w, https://audioboom.com/i/35685128/600x600/c 600w, https://audioboom.com/i/35685128/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #886150; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/35685128/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
S1 Ep2: Breeding Farm Nightmare | Workplace Horror Story
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Ever wonder what it’s really like to work on a breeding farm? 
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
31m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1573746828" data-format="short_date">Nov 14, 2019</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
31m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/7424527-worst-telemarketing-company-ever-office-horror-stories"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/35684980/75x75/c 75w, https://audioboom.com/i/35684980/150x150/c 150w, https://audioboom.com/i/35684980/300x300/c 300w, https://audioboom.com/i/35684980/600x600/c 600w, https://audioboom.com/i/35684980/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #db91a2; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/35684980/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
S1 Ep1: Worst Telemarketing Company Ever | Office Horror Stories
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
What does it take to win the award for the worst telemarketing company ever?
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
33m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1573745350" data-format="short_date">Nov 14, 2019</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
33m
</div>
</div>
</div>
</a></div>

</template></turbo-stream>
  <turbo-stream action="remove" target="audio_clips_pagination"></turbo-stream>
