<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="52441" id="audio_clip_318289">
<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/318289-1-john-1-10"><img srcset="https://audioboom.com/i/1053097/75x75/c 75w, https://audioboom.com/i/1053097/150x150/c 150w, https://audioboom.com/i/1053097/300x300/c 300w, https://audioboom.com/i/1053097/600x600/c 600w, https://audioboom.com/i/1053097/1400x1400/c 1400w" sizes="300px" style="background-color: #979b9b" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1053097/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/318289-1-john-1-10"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:10
</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="52441" id="audio_clip_317300">
<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/317300-1-john-1-8-9"><img srcset="https://audioboom.com/i/1050162/75x75/c 75w, https://audioboom.com/i/1050162/150x150/c 150w, https://audioboom.com/i/1050162/300x300/c 300w, https://audioboom.com/i/1050162/600x600/c 600w, https://audioboom.com/i/1050162/1400x1400/c 1400w" sizes="300px" style="background-color: #868a8a" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1050162/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/317300-1-john-1-8-9"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:8-9
</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="52441" id="audio_clip_316201">
<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/316201-1-john-1-7"><img srcset="https://audioboom.com/i/1047351/75x75/c 75w, https://audioboom.com/i/1047351/150x150/c 150w, https://audioboom.com/i/1047351/300x300/c 300w, https://audioboom.com/i/1047351/600x600/c 600w, https://audioboom.com/i/1047351/1400x1400/c 1400w" sizes="300px" style="background-color: #989e9e" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1047351/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/316201-1-john-1-7"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:7
</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="52441" id="audio_clip_315221">
<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/315221-1-john-1-6"><img srcset="https://audioboom.com/i/1034779/75x75/c 75w, https://audioboom.com/i/1034779/150x150/c 150w, https://audioboom.com/i/1034779/300x300/c 300w, https://audioboom.com/i/1034779/600x600/c 600w, https://audioboom.com/i/1034779/1400x1400/c 1400w" sizes="300px" style="background-color: #929796" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1034779/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/315221-1-john-1-6"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:6
</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="52441" id="audio_clip_314563">
<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/314563-1-john-1-5"><img srcset="https://audioboom.com/i/1034779/75x75/c 75w, https://audioboom.com/i/1034779/150x150/c 150w, https://audioboom.com/i/1034779/300x300/c 300w, https://audioboom.com/i/1034779/600x600/c 600w, https://audioboom.com/i/1034779/1400x1400/c 1400w" sizes="300px" style="background-color: #929796" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1034779/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/314563-1-john-1-5"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:5
</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="52441" id="audio_clip_313114">
<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/313114-1-john-1-2-4"><img srcset="https://audioboom.com/i/1034779/75x75/c 75w, https://audioboom.com/i/1034779/150x150/c 150w, https://audioboom.com/i/1034779/300x300/c 300w, https://audioboom.com/i/1034779/600x600/c 600w, https://audioboom.com/i/1034779/1400x1400/c 1400w" sizes="300px" style="background-color: #929796" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1034779/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/313114-1-john-1-2-4"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:2-4
</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="52441" id="audio_clip_312380">
<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/312380-1-john-1-1"><img srcset="https://audioboom.com/i/1034779/75x75/c 75w, https://audioboom.com/i/1034779/150x150/c 150w, https://audioboom.com/i/1034779/300x300/c 300w, https://audioboom.com/i/1034779/600x600/c 600w, https://audioboom.com/i/1034779/1400x1400/c 1400w" sizes="300px" style="background-color: #929796" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1034779/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/312380-1-john-1-1"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1 John 1:1
</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="52441" id="audio_clip_311237">
<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/311237-background-to-1-john"><img srcset="https://audioboom.com/i/1031169/75x75/c 75w, https://audioboom.com/i/1031169/150x150/c 150w, https://audioboom.com/i/1031169/300x300/c 300w, https://audioboom.com/i/1031169/600x600/c 600w, https://audioboom.com/i/1031169/1400x1400/c 1400w" sizes="300px" style="background-color: #919695" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/1031169/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/311237-background-to-1-john"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Background to 1 John
</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>
