<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="57360" id="audio_clip_197103">
<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/197103-priceless-telly"><img srcset="https://audioboom.com/i/688991/75x75/c 75w, https://audioboom.com/i/688991/150x150/c 150w, https://audioboom.com/i/688991/300x300/c 300w, https://audioboom.com/i/688991/600x600/c 600w, https://audioboom.com/i/688991/1400x1400/c 1400w" sizes="300px" style="background-color: #80947a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/688991/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/197103-priceless-telly"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Priceless telly!
</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="57360" id="audio_clip_183682">
<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/183682-langan-s-lunch"><img srcset="https://audioboom.com/i/647551/75x75/c 75w, https://audioboom.com/i/647551/150x150/c 150w, https://audioboom.com/i/647551/300x300/c 300w, https://audioboom.com/i/647551/600x600/c 600w, https://audioboom.com/i/647551/1400x1400/c 1400w" sizes="300px" style="background-color: #53474a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/647551/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/183682-langan-s-lunch"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Langan&#39;s lunch!
</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="57360" id="audio_clip_182334">
<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/182334-lunch-at-the-ferry"><img srcset="https://audioboom.com/i/643734/75x75/c 75w, https://audioboom.com/i/643734/150x150/c 150w, https://audioboom.com/i/643734/300x300/c 300w, https://audioboom.com/i/643734/600x600/c 600w, https://audioboom.com/i/643734/1400x1400/c 1400w" sizes="300px" style="background-color: #53463f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/643734/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/182334-lunch-at-the-ferry"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Lunch at the Ferry! 
</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="57360" id="audio_clip_181797">
<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/181797-timmy-becomes-a-hobbit-down-a-lead-mine"><img srcset="https://audioboom.com/i/642354/75x75/c 75w, https://audioboom.com/i/642354/150x150/c 150w, https://audioboom.com/i/642354/300x300/c 300w, https://audioboom.com/i/642354/600x600/c 600w, https://audioboom.com/i/642354/1400x1400/c 1400w" sizes="300px" style="background-color: #484241" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/642354/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/181797-timmy-becomes-a-hobbit-down-a-lead-mine"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Timmy becomes a hobbit down a lead mine!
</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="57360" id="audio_clip_177807">
<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/177807-solway-samaritan"><img srcset="https://audioboom.com/i/629996/75x75/c 75w, https://audioboom.com/i/629996/150x150/c 150w, https://audioboom.com/i/629996/300x300/c 300w, https://audioboom.com/i/629996/600x600/c 600w, https://audioboom.com/i/629996/1400x1400/c 1400w" sizes="300px" style="background-color: #4d535a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/629996/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/177807-solway-samaritan"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Solway samaritan!
</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="57360" id="audio_clip_171576">
<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/171576-oak-park-races-it-s-not-the-foot-that-counts"><img srcset="https://audioboom.com/i/6331975/75x75/c 75w, https://audioboom.com/i/6331975/150x150/c 150w, https://audioboom.com/i/6331975/300x300/c 300w, https://audioboom.com/i/6331975/600x600/c 600w, https://audioboom.com/i/6331975/1400x1400/c 1400w" sizes="300px" style="background-color: #676459" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/6331975/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/171576-oak-park-races-it-s-not-the-foot-that-counts"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Oak Park Races - it&#39;s not the foot that counts!
</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="57360" id="audio_clip_170436">
<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/170436-itsy-bitsy-number-1-20-years-ago"><img srcset="https://audioboom.com/i/607184/75x75/c 75w, https://audioboom.com/i/607184/150x150/c 150w, https://audioboom.com/i/607184/300x300/c 300w, https://audioboom.com/i/607184/600x600/c 600w, https://audioboom.com/i/607184/1400x1400/c 1400w" sizes="300px" style="background-color: #9a9688" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/607184/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/170436-itsy-bitsy-number-1-20-years-ago"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Itsy bitsy number 1 - 20 years ago!
</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>
