<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5257235" id="audio_clip_7131536">
<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/7131536-demo-4-metoo"><img srcset="https://audioboom.com/i/34152237/75x75/c 75w, https://audioboom.com/i/34152237/150x150/c 150w, https://audioboom.com/i/34152237/300x300/c 300w, https://audioboom.com/i/34152237/600x600/c 600w, https://audioboom.com/i/34152237/1400x1400/c 1400w" sizes="300px" style="background-color: #cdb3b4" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34152237/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/7131536-demo-4-metoo"><div class="text-line-clamp text-line-clamp-3" dir="auto">
S1 Ep4: Demo 4 - #MeToo
</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="5257235" id="audio_clip_7131529">
<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/7131529-demo-3-weddings-of-2018"><img srcset="https://audioboom.com/i/34152210/75x75/c 75w, https://audioboom.com/i/34152210/150x150/c 150w, https://audioboom.com/i/34152210/300x300/c 300w, https://audioboom.com/i/34152210/600x600/c 600w, https://audioboom.com/i/34152210/1400x1400/c 1400w" sizes="300px" style="background-color: #492915" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34152210/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/7131529-demo-3-weddings-of-2018"><div class="text-line-clamp text-line-clamp-3" dir="auto">
S1 Ep3: Demo 3 - Weddings of 2018
</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="5257235" id="audio_clip_7131527">
<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/7131527-demo2-most-googled-celebrities"><img srcset="https://audioboom.com/i/34152198/75x75/c 75w, https://audioboom.com/i/34152198/150x150/c 150w, https://audioboom.com/i/34152198/300x300/c 300w, https://audioboom.com/i/34152198/600x600/c 600w, https://audioboom.com/i/34152198/1400x1400/c 1400w" sizes="300px" style="background-color: #58544f" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34152198/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/7131527-demo2-most-googled-celebrities"><div class="text-line-clamp text-line-clamp-3" dir="auto">
S1 Ep2: Demo2 Most Googled Celebrities
</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="5257235" id="audio_clip_6964405">
<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/6964405-demo_09aug2018"><img srcset="https://audioboom.com/i/34152015/75x75/c 75w, https://audioboom.com/i/34152015/150x150/c 150w, https://audioboom.com/i/34152015/300x300/c 300w, https://audioboom.com/i/34152015/600x600/c 600w, https://audioboom.com/i/34152015/1400x1400/c 1400w" sizes="300px" style="background-color: #8d8567" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/34152015/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/6964405-demo_09aug2018"><div class="text-line-clamp text-line-clamp-3" dir="auto">
S1 Ep1: Demo_09Aug2018
</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>
