<turbo-stream action="append" target="audio_clips_list"><template>
    <hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/336694-michael-hill-welcomes-student-radio-stations-to-uk-radio-player-sracon"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/1109430/75x75/c 75w, https://audioboom.com/i/1109430/150x150/c 150w, https://audioboom.com/i/1109430/300x300/c 300w, https://audioboom.com/i/1109430/600x600/c 600w, https://audioboom.com/i/1109430/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #abaca3; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/1109430/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Michael Hill welcomes student radio stations to UK Radio Player #sracon
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1303226945" data-format="short_date">Apr 19, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/336350-dave-gorman-at-the-student-radio-conference-davegorman-sracon"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/1108378/75x75/c 75w, https://audioboom.com/i/1108378/150x150/c 150w, https://audioboom.com/i/1108378/300x300/c 300w, https://audioboom.com/i/1108378/600x600/c 600w, https://audioboom.com/i/1108378/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #e7e5d9; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/1108378/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Dave Gorman at the Student Radio Conference @davegorman #sracon
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
5m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1303219126" data-format="short_date">Apr 19, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
5m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/334631-cars-train-bus-and-a-bridge-busy-london"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/1103054/75x75/c 75w, https://audioboom.com/i/1103054/150x150/c 150w, https://audioboom.com/i/1103054/300x300/c 300w, https://audioboom.com/i/1103054/600x600/c 600w, https://audioboom.com/i/1103054/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #525056; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/1103054/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
cars, train, bus and a bridge. Busy London.
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
2m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1303127673" data-format="short_date">Apr 18, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
2m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/332853-celebrating-the-new-servers-at-audioboo-hq"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/1097367/75x75/c 75w, https://audioboom.com/i/1097367/150x150/c 150w, https://audioboom.com/i/1097367/300x300/c 300w, https://audioboom.com/i/1097367/600x600/c 600w, https://audioboom.com/i/1097367/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #9d9c9c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/1097367/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Celebrating the new servers at Audioboo HQ
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1302886204" data-format="short_date">Apr 15, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/330207-uk-sound-map-needs-your-sounds-british-library-s-richard-ranft-explains"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/1088046/75x75/c 75w, https://audioboom.com/i/1088046/150x150/c 150w, https://audioboom.com/i/1088046/300x300/c 300w, https://audioboom.com/i/1088046/600x600/c 600w, https://audioboom.com/i/1088046/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #a3918a; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/1088046/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
UK Sound Map needs your sounds! British Library&#39;s Richard Ranft explains 
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
4m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1302787192" data-format="short_date">Apr 14, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
4m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/325072-crash-bang-wallop-it-s-the-sound-of-the-audioboo-office"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<img srcset="https://audioboom.com/i/1071966/75x75/c 75w, https://audioboom.com/i/1071966/150x150/c 150w, https://audioboom.com/i/1071966/300x300/c 300w, https://audioboom.com/i/1071966/600x600/c 600w, https://audioboom.com/i/1071966/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #554e4c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/1071966/1400x1400/c" />
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Crash! Bang! Wallop! it&#39;s the sound of the Audioboo office!
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
2m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1302259696" data-format="short_date">Apr 08, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
2m
</div>
</div>
</div>
</a></div>
<hr class="mvn mhs text-black-50 opacity-25">
<div class="card rounded-0 border-0 pas qa-audio-clip-overview" style="--bs-card-bg: transparent;">
<a class="text-decoration-none" href="/posts/314764-hello-from-the-official-audioboo-audioboo-account"><div class="Episode-list-grid card-body pan">
<div class="l-flex align-items-baseline gap-2 gap-md-3">
<div class="vstack gap-1 my-auto">
<h5 class="text-line-clamp text-line-clamp-3 balanced-h fs-6 fs-5-lg fw-normal mb-0">
Hello from the official Audioboo Audioboo account! :)
</h5>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
3m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1301331389" data-format="short_date">Mar 28, 2011</span></span>
</div>
</div>
</div>
<div class="d-none d-sm-grid" style="justify-self: center; align-items: center;">
<div class="fs-8 numeric-tabular text-nowrap text-muted phs">
3m
</div>
</div>
</div>
</a></div>

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