<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5401897" id="audio_clip_7589752">
<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/7589752-give-me-a-little-spiritual-buddy-ep7"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7589752-give-me-a-little-spiritual-buddy-ep7"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: Give me a little spiritual buddy EP7
</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="5401897" id="audio_clip_7589737">
<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/7589737-whats-the-point-of-being-sober-ep6"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7589737-whats-the-point-of-being-sober-ep6"><div class="text-line-clamp text-line-clamp-3" dir="auto">
6: Whats the point of being &quot;Sober&quot;?- EP6
</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="5401897" id="audio_clip_7588020">
<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/7588020-im-just-a-human-being-ep5"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7588020-im-just-a-human-being-ep5"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Im just a human being!! EP5
</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="5401897" id="audio_clip_7587146">
<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/7587146-10th-grade-is-when-it-started-ep4"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7587146-10th-grade-is-when-it-started-ep4"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: 10th grade is when it started!!-EP4
</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="5401897" id="audio_clip_7586327">
<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/7586327-i-really-miss-chris-cornell-ep3"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7586327-i-really-miss-chris-cornell-ep3"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: I really miss Chris Cornell -EP3
</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="5401897" id="audio_clip_7584189">
<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/7584189-inside-job-ep2"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7584189-inside-job-ep2"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Inside Job EP2
</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="5401897" id="audio_clip_7584185">
<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/7584185-my-story-ep1"><img srcset="https://audioboom.com/i/36515586/75x75/c 75w, https://audioboom.com/i/36515586/150x150/c 150w, https://audioboom.com/i/36515586/300x300/c 300w, https://audioboom.com/i/36515586/600x600/c 600w, https://audioboom.com/i/36515586/1400x1400/c 1400w" sizes="300px" style="background-color: #ffca3e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/36515586/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/7584185-my-story-ep1"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: My Story- Ep1
</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="audio_clips_pagination"></turbo-stream>
