<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8284337">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8284337-spilt-tea"><img srcset="https://audioboom.com/i/40462287/75x75/c 75w, https://audioboom.com/i/40462287/150x150/c 150w, https://audioboom.com/i/40462287/300x300/c 300w, https://audioboom.com/i/40462287/600x600/c 600w, https://audioboom.com/i/40462287/1400x1400/c 1400w" sizes="300px" style="background-color: #631b07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40462287/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8284337-spilt-tea"><div class="text-line-clamp text-line-clamp-3" dir="auto">
11: Spilt tea.
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8275932">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8275932-short-and-punchy-not-bossman-this-edition-is-bitesize"><img srcset="https://audioboom.com/i/40417583/75x75/c 75w, https://audioboom.com/i/40417583/150x150/c 150w, https://audioboom.com/i/40417583/300x300/c 300w, https://audioboom.com/i/40417583/600x600/c 600w, https://audioboom.com/i/40417583/1400x1400/c 1400w" sizes="300px" style="background-color: #631c07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40417583/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8275932-short-and-punchy-not-bossman-this-edition-is-bitesize"><div class="text-line-clamp text-line-clamp-3" dir="auto">
10: SHORT and PUNCHY (NOT BOSSMAN, this edition is bitesize)
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8272973">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8272973-breaking-news-about-amanda-and-vicki-is-picky"><img srcset="https://audioboom.com/i/40401432/75x75/c 75w, https://audioboom.com/i/40401432/150x150/c 150w, https://audioboom.com/i/40401432/300x300/c 300w, https://audioboom.com/i/40401432/600x600/c 600w, https://audioboom.com/i/40401432/1400x1400/c 1400w" sizes="300px" style="background-color: #631b07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40401432/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8272973-breaking-news-about-amanda-and-vicki-is-picky"><div class="text-line-clamp text-line-clamp-3" dir="auto">
9: BREAKING NEWS (about Amanda) and Vicki is picky!
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8268043">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8268043-a-podcast-about-muggles-for-harry-potter-fans"><img srcset="https://audioboom.com/i/40373938/75x75/c 75w, https://audioboom.com/i/40373938/150x150/c 150w, https://audioboom.com/i/40373938/300x300/c 300w, https://audioboom.com/i/40373938/600x600/c 600w, https://audioboom.com/i/40373938/1400x1400/c 1400w" sizes="300px" style="background-color: #631b07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40373938/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8268043-a-podcast-about-muggles-for-harry-potter-fans"><div class="text-line-clamp text-line-clamp-3" dir="auto">
8: A podcast about Muggles (for Harry Potter fans)
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8264987">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8264987-breaking-news"><img srcset="https://audioboom.com/i/40355501/75x75/c 75w, https://audioboom.com/i/40355501/150x150/c 150w, https://audioboom.com/i/40355501/300x300/c 300w, https://audioboom.com/i/40355501/600x600/c 600w, https://audioboom.com/i/40355501/1400x1400/c 1400w" sizes="300px" style="background-color: #631b07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40355501/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8264987-breaking-news"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: Breaking news!
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8251533">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8251533-what-a-dilemma"><img srcset="https://audioboom.com/i/40281599/75x75/c 75w, https://audioboom.com/i/40281599/150x150/c 150w, https://audioboom.com/i/40281599/300x300/c 300w, https://audioboom.com/i/40281599/600x600/c 600w, https://audioboom.com/i/40281599/1400x1400/c 1400w" sizes="300px" style="background-color: #641c07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40281599/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8251533-what-a-dilemma"><div class="text-line-clamp text-line-clamp-3" dir="auto">
6: What a dilemma!
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8248441">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8248441-quiz-time"><img srcset="https://audioboom.com/i/40263887/75x75/c 75w, https://audioboom.com/i/40263887/150x150/c 150w, https://audioboom.com/i/40263887/300x300/c 300w, https://audioboom.com/i/40263887/600x600/c 600w, https://audioboom.com/i/40263887/1400x1400/c 1400w" sizes="300px" style="background-color: #641c07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40263887/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8248441-quiz-time"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Quiz time!
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8239848">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8239848-can-you-guess-who-before-jordan-does"><img srcset="https://audioboom.com/i/40214606/75x75/c 75w, https://audioboom.com/i/40214606/150x150/c 150w, https://audioboom.com/i/40214606/300x300/c 300w, https://audioboom.com/i/40214606/600x600/c 600w, https://audioboom.com/i/40214606/1400x1400/c 1400w" sizes="300px" style="background-color: #631b07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40214606/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8239848-can-you-guess-who-before-jordan-does"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: Can you &#39;guess who&#39; before Jordan does?
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8236633">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8236633-bossman-answers-your-questions"><img srcset="https://audioboom.com/i/40195339/75x75/c 75w, https://audioboom.com/i/40195339/150x150/c 150w, https://audioboom.com/i/40195339/300x300/c 300w, https://audioboom.com/i/40195339/600x600/c 600w, https://audioboom.com/i/40195339/1400x1400/c 1400w" sizes="300px" style="background-color: #631b07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40195339/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8236633-bossman-answers-your-questions"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: BOSSMAN answers your questions.
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8224826">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8224826-friends-and-family"><img srcset="https://audioboom.com/i/40127645/75x75/c 75w, https://audioboom.com/i/40127645/150x150/c 150w, https://audioboom.com/i/40127645/300x300/c 300w, https://audioboom.com/i/40127645/600x600/c 600w, https://audioboom.com/i/40127645/1400x1400/c 1400w" sizes="300px" style="background-color: #641c07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40127645/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8224826-friends-and-family"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Friends and Family.
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5635207" id="audio_clip_8224825">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8224825-so-what-s-all-this-about"><img srcset="https://audioboom.com/i/40127638/75x75/c 75w, https://audioboom.com/i/40127638/150x150/c 150w, https://audioboom.com/i/40127638/300x300/c 300w, https://audioboom.com/i/40127638/600x600/c 600w, https://audioboom.com/i/40127638/1400x1400/c 1400w" sizes="300px" style="background-color: #641c07" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/40127638/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8224825-so-what-s-all-this-about"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: So, what&#39;s all this about?
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>


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