<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/6708806-hello-tilly"><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/31969432/75x75/c 75w, https://audioboom.com/i/31969432/150x150/c 150w, https://audioboom.com/i/31969432/300x300/c 300w, https://audioboom.com/i/31969432/600x600/c 600w, https://audioboom.com/i/31969432/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #b1d29d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31969432/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">
Hello Tilly
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Polly Dunbar

Read by:  Josée Simard
</div>
<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="1520349680" data-format="short_date">Mar 06, 2018</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/6707122-happy-hector"><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/31960930/75x75/c 75w, https://audioboom.com/i/31960930/150x150/c 150w, https://audioboom.com/i/31960930/300x300/c 300w, https://audioboom.com/i/31960930/600x600/c 600w, https://audioboom.com/i/31960930/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f1e3be; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31960930/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">
Happy Hector
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Polly Dunbar

Read by:  Maarten Buyck
</div>
<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="1520274852" data-format="short_date">Mar 05, 2018</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/6706955-gorilla"><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/31960158/75x75/c 75w, https://audioboom.com/i/31960158/150x150/c 150w, https://audioboom.com/i/31960158/300x300/c 300w, https://audioboom.com/i/31960158/600x600/c 600w, https://audioboom.com/i/31960158/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #7b757f; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31960158/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">
Gorilla
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Anthony Browne

Read by:  Geneviève Provost
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1520269614" data-format="short_date">Mar 05, 2018</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">
6m
</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/6706933-dog-loves-books"><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/31960064/75x75/c 75w, https://audioboom.com/i/31960064/150x150/c 150w, https://audioboom.com/i/31960064/300x300/c 300w, https://audioboom.com/i/31960064/600x600/c 600w, https://audioboom.com/i/31960064/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fbf8e7; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31960064/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">
Dog Loves Books
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Louise Yates

Read by:  Rebecca Palmer
</div>
<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="1520269132" data-format="short_date">Mar 05, 2018</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/6706895-daisy-and-the-donkey-church"><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/31959861/75x75/c 75w, https://audioboom.com/i/31959861/150x150/c 150w, https://audioboom.com/i/31959861/300x300/c 300w, https://audioboom.com/i/31959861/600x600/c 600w, https://audioboom.com/i/31959861/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #dadcda; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31959861/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">
Daisy and the Donkey Church
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by:  Louisa Blair

Read by:  Sarah Blair
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
11m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1520268047" data-format="short_date">Mar 05, 2018</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">
11m
</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/6706831-bear-about-town"><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/31959500/75x75/c 75w, https://audioboom.com/i/31959500/150x150/c 150w, https://audioboom.com/i/31959500/300x300/c 300w, https://audioboom.com/i/31959500/600x600/c 600w, https://audioboom.com/i/31959500/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #876a3b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31959500/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">
Bear About Town
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Stella Blackstone

Illustrated by:  Debbie Harter

Read by:  Tess LeBlanc
</div>
<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="1520266670" data-format="short_date">Mar 05, 2018</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/6706806-bear-at-work"><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/31959366/75x75/c 75w, https://audioboom.com/i/31959366/150x150/c 150w, https://audioboom.com/i/31959366/300x300/c 300w, https://audioboom.com/i/31959366/600x600/c 600w, https://audioboom.com/i/31959366/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #eb5923; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31959366/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">
Bear at Work
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Stella Blackstone

Illustrated by:  Debbie Harter

Read by:  Diane Hostetler
</div>
<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="1520266186" data-format="short_date">Mar 05, 2018</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/6706766-bear-and-bunny"><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/31959190/75x75/c 75w, https://audioboom.com/i/31959190/150x150/c 150w, https://audioboom.com/i/31959190/300x300/c 300w, https://audioboom.com/i/31959190/600x600/c 600w, https://audioboom.com/i/31959190/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #e7dfd6; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31959190/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">
Bear and Bunny
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Daniel Pinkwater

Illustrated by: Will Hillenbrand

Read by:  Tess LeBlanc
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
10m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1520265306" data-format="short_date">Mar 05, 2018</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">
10m
</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/6706740-a-squash-and-a-squeeze"><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/31959065/75x75/c 75w, https://audioboom.com/i/31959065/150x150/c 150w, https://audioboom.com/i/31959065/300x300/c 300w, https://audioboom.com/i/31959065/600x600/c 600w, https://audioboom.com/i/31959065/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #6d8665; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31959065/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">
A Squash and a Squeeze
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Julia Donaldson

Illustrated by: Azel Scheffler

Read by:  Tess LeBlanc
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1520264377" data-format="short_date">Mar 05, 2018</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">
6m
</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/6706723-a-splendid-friend-indeed"><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/31958961/75x75/c 75w, https://audioboom.com/i/31958961/150x150/c 150w, https://audioboom.com/i/31958961/300x300/c 300w, https://audioboom.com/i/31958961/600x600/c 600w, https://audioboom.com/i/31958961/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #4f8fc4; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31958961/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">
A Splendid Friend Indeed
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Suzanne Bloom

Read by:  D. J. Awalt
</div>
<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="1520263668" data-format="short_date">Mar 05, 2018</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/6706684-a-rainbow-of-my-own"><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/31958771/75x75/c 75w, https://audioboom.com/i/31958771/150x150/c 150w, https://audioboom.com/i/31958771/300x300/c 300w, https://audioboom.com/i/31958771/600x600/c 600w, https://audioboom.com/i/31958771/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #386d6e; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31958771/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">
A Rainbow of My Own
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Don Freeman

Read by:  Greg Domonkos
</div>
<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="1520263002" data-format="short_date">Mar 05, 2018</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/6706617-annie-and-the-wild-animals"><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/31958467/75x75/c 75w, https://audioboom.com/i/31958467/150x150/c 150w, https://audioboom.com/i/31958467/300x300/c 300w, https://audioboom.com/i/31958467/600x600/c 600w, https://audioboom.com/i/31958467/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #dc9a7b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31958467/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">
Annie and the Wild Animals
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by:  Jan Brett

Read by:  Tess LeBlanc
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1520261796" data-format="short_date">Mar 05, 2018</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">
6m
</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/6622333-snow-puppy"><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/31520403/75x75/c 75w, https://audioboom.com/i/31520403/150x150/c 150w, https://audioboom.com/i/31520403/300x300/c 300w, https://audioboom.com/i/31520403/600x600/c 600w, https://audioboom.com/i/31520403/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #6d92a4; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31520403/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">
Snow Puppy
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Marcus Pfister
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1516997253" data-format="short_date">Jan 26, 2018</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">
8m
</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/6622218-we-re-all-wonders"><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/31519849/75x75/c 75w, https://audioboom.com/i/31519849/150x150/c 150w, https://audioboom.com/i/31519849/300x300/c 300w, https://audioboom.com/i/31519849/600x600/c 600w, https://audioboom.com/i/31519849/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #cab7b4; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31519849/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">
We&#39;re All Wonders
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by:  R. J. Palacio

Read by:  Susan Stewart
</div>
<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="1516993428" data-format="short_date">Jan 26, 2018</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/6622154-10-for-dinner"><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/31519489/75x75/c 75w, https://audioboom.com/i/31519489/150x150/c 150w, https://audioboom.com/i/31519489/300x300/c 300w, https://audioboom.com/i/31519489/600x600/c 600w, https://audioboom.com/i/31519489/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f3d74c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31519489/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">
10 For Dinner
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Jo Ellen Bogart

Illustrated by:  Carlos Freire
</div>
<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="1516991081" data-format="short_date">Jan 26, 2018</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/6621887-the-paperboy"><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/31518221/75x75/c 75w, https://audioboom.com/i/31518221/150x150/c 150w, https://audioboom.com/i/31518221/300x300/c 300w, https://audioboom.com/i/31518221/600x600/c 600w, https://audioboom.com/i/31518221/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #314945; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31518221/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">
The Paperboy
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Story and Paintings by:  Dav Pilkey
</div>
<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="1516983672" data-format="short_date">Jan 26, 2018</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/6620172-the-hallo-wiener"><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/31510372/75x75/c 75w, https://audioboom.com/i/31510372/150x150/c 150w, https://audioboom.com/i/31510372/300x300/c 300w, https://audioboom.com/i/31510372/600x600/c 600w, https://audioboom.com/i/31510372/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #435944; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31510372/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">
The Hallo-Wiener
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by:  Dave Pilkey
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1516911000" data-format="short_date">Jan 25, 2018</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">
7m
</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/6620121-the-little-red-hen"><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/31510100/75x75/c 75w, https://audioboom.com/i/31510100/150x150/c 150w, https://audioboom.com/i/31510100/300x300/c 300w, https://audioboom.com/i/31510100/600x600/c 600w, https://audioboom.com/i/31510100/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #eeee69; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31510100/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">
The Little Red Hen
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Pictures by:  Lucinda McQueen
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1516908563" data-format="short_date">Jan 25, 2018</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">
6m
</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/6620025-the-party"><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/31509597/75x75/c 75w, https://audioboom.com/i/31509597/150x150/c 150w, https://audioboom.com/i/31509597/300x300/c 300w, https://audioboom.com/i/31509597/600x600/c 600w, https://audioboom.com/i/31509597/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #bbccc8; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31509597/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">
The Party
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by:  Barbara Read

Read by:  Chelsea Baker
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1516904231" data-format="short_date">Jan 25, 2018</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">
7m
</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/6555204-we-are-growing"><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/31187615/75x75/c 75w, https://audioboom.com/i/31187615/150x150/c 150w, https://audioboom.com/i/31187615/300x300/c 300w, https://audioboom.com/i/31187615/600x600/c 600w, https://audioboom.com/i/31187615/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #dde96d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31187615/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">
We Are Growing!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Laurie KellerRead by: Shelley Longney
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
9m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513358704" data-format="short_date">Dec 15, 2017</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">
9m
</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/6555173-the-thank-you-book"><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/31187467/75x75/c 75w, https://audioboom.com/i/31187467/150x150/c 150w, https://audioboom.com/i/31187467/300x300/c 300w, https://audioboom.com/i/31187467/600x600/c 600w, https://audioboom.com/i/31187467/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #6c877c; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31187467/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">
The Thank You Book
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Mo WillemsRead by: Jennifer Patterson
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
9m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513357838" data-format="short_date">Dec 15, 2017</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">
9m
</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/6555020-i-will-never-not-ever-eat-a-tomato"><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/31186742/75x75/c 75w, https://audioboom.com/i/31186742/150x150/c 150w, https://audioboom.com/i/31186742/300x300/c 300w, https://audioboom.com/i/31186742/600x600/c 600w, https://audioboom.com/i/31186742/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f04142; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31186742/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">
I Will Never Not Ever Eat a Tomato
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Lauren ChildRead by: Jeanne Chambers
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513354422" data-format="short_date">Dec 15, 2017</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">
7m
</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/6555002-little-pea"><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/31186628/75x75/c 75w, https://audioboom.com/i/31186628/150x150/c 150w, https://audioboom.com/i/31186628/300x300/c 300w, https://audioboom.com/i/31186628/600x600/c 600w, https://audioboom.com/i/31186628/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fefefe; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31186628/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">
Little Pea
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Amy Krouse RosenthalIllustrated by: Jen CoraceRead by: Joanie Villeneuve
</div>
<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="1513353729" data-format="short_date">Dec 15, 2017</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/6554961-where-are-my-books"><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/31186395/75x75/c 75w, https://audioboom.com/i/31186395/150x150/c 150w, https://audioboom.com/i/31186395/300x300/c 300w, https://audioboom.com/i/31186395/600x600/c 600w, https://audioboom.com/i/31186395/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #433d54; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31186395/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">
Where Are My Books?
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Debbie Ridpath OhiRead by: David Jeffrey
</div>
<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="1513352288" data-format="short_date">Dec 15, 2017</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/6554934-we-are-in-a-book"><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/31186195/75x75/c 75w, https://audioboom.com/i/31186195/150x150/c 150w, https://audioboom.com/i/31186195/300x300/c 300w, https://audioboom.com/i/31186195/600x600/c 600w, https://audioboom.com/i/31186195/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #c7fe61; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31186195/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">
We Are in a Book!
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Mo WillemsRead by: Sharon MacLeod
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513351411" data-format="short_date">Dec 15, 2017</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">
6m
</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/6554809-spinderella"><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/31185633/75x75/c 75w, https://audioboom.com/i/31185633/150x150/c 150w, https://audioboom.com/i/31185633/300x300/c 300w, https://audioboom.com/i/31185633/600x600/c 600w, https://audioboom.com/i/31185633/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #d65332; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31185633/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">
Spinderella
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Julia DonaldsonIllustrated by: Sebastien BraunRead by: David Jeffrey
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513349183" data-format="short_date">Dec 15, 2017</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">
8m
</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/6554702-lost-and-found"><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/31185094/75x75/c 75w, https://audioboom.com/i/31185094/150x150/c 150w, https://audioboom.com/i/31185094/300x300/c 300w, https://audioboom.com/i/31185094/600x600/c 600w, https://audioboom.com/i/31185094/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #d8ebde; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31185094/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">
Lost and Found
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Oliver JeffersRead by: Sharon MacLeod
</div>
<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="1513346020" data-format="short_date">Dec 15, 2017</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/6553447-pete-the-cat-old-macdonald-had-a-farm"><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/31178680/75x75/c 75w, https://audioboom.com/i/31178680/150x150/c 150w, https://audioboom.com/i/31178680/300x300/c 300w, https://audioboom.com/i/31178680/600x600/c 600w, https://audioboom.com/i/31178680/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #65a1cb; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31178680/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">
Pete the Cat Old MacDonald Had a Farm
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: James DeanSung by: Sarah Martin and Peg Giddings
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
8m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513281836" data-format="short_date">Dec 14, 2017</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">
8m
</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/6553416-usborne-first-stories-three-little-pigs"><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/31178517/75x75/c 75w, https://audioboom.com/i/31178517/150x150/c 150w, https://audioboom.com/i/31178517/300x300/c 300w, https://audioboom.com/i/31178517/600x600/c 600w, https://audioboom.com/i/31178517/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #81ccd5; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31178517/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">
Usborne First Stories - Three Little Pigs
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Retold by: Heather AmeryIllustrated by: Stephen Cartwright
</div>
<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="1513280120" data-format="short_date">Dec 14, 2017</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/6553401-usborne-first-stories-little-red-riding-hood"><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/31178467/75x75/c 75w, https://audioboom.com/i/31178467/150x150/c 150w, https://audioboom.com/i/31178467/300x300/c 300w, https://audioboom.com/i/31178467/600x600/c 600w, https://audioboom.com/i/31178467/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #36a75b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31178467/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">
Usborne First Stories - Little Red Riding Hood
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Retold by Heather AmeryIllustrated by Stephen CartwrightRead by: Stephen Burke
</div>
<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="1513279590" data-format="short_date">Dec 14, 2017</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/6553362-nanette-s-baguette"><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/31178296/75x75/c 75w, https://audioboom.com/i/31178296/150x150/c 150w, https://audioboom.com/i/31178296/300x300/c 300w, https://audioboom.com/i/31178296/600x600/c 600w, https://audioboom.com/i/31178296/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #7a7f80; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31178296/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">
Nanette&#39;s Baguette
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Mo WillemsRead by: Chelsea Baker
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513278406" data-format="short_date">Dec 14, 2017</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">
7m
</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/6553356-how-to-catch-the-easter-bunny"><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/31178259/75x75/c 75w, https://audioboom.com/i/31178259/150x150/c 150w, https://audioboom.com/i/31178259/300x300/c 300w, https://audioboom.com/i/31178259/600x600/c 600w, https://audioboom.com/i/31178259/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #faf592; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31178259/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">
How to Catch the Easter Bunny
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Adam WallaceIllustrated by: Andy EldertonRead by: Stephen Burke
</div>
<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="1513278003" data-format="short_date">Dec 14, 2017</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/6553334-bear-s-busy-family"><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/31178152/75x75/c 75w, https://audioboom.com/i/31178152/150x150/c 150w, https://audioboom.com/i/31178152/300x300/c 300w, https://audioboom.com/i/31178152/600x600/c 600w, https://audioboom.com/i/31178152/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #5f8b66; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31178152/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">
Bear&#39;s Busy Family
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by Stella BlackstoneIllustrated by: Debbie HarterRead by: Stephen Burke
</div>
<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="1513276783" data-format="short_date">Dec 14, 2017</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/6553123-the-gingerbread-man"><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/31177274/75x75/c 75w, https://audioboom.com/i/31177274/150x150/c 150w, https://audioboom.com/i/31177274/300x300/c 300w, https://audioboom.com/i/31177274/600x600/c 600w, https://audioboom.com/i/31177274/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fbee1b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31177274/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">
The Gingerbread Man
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Karen Schmidt
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513271007" data-format="short_date">Dec 14, 2017</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">
7m
</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/6553002-a-bad-case-of-stripes"><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/31176657/75x75/c 75w, https://audioboom.com/i/31176657/150x150/c 150w, https://audioboom.com/i/31176657/300x300/c 300w, https://audioboom.com/i/31176657/600x600/c 600w, https://audioboom.com/i/31176657/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #747765; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31176657/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">
A Bad Case of Stripes
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: David Shannon
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
12m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1513267726" data-format="short_date">Dec 14, 2017</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">
12m
</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/6538607-the-little-bear-book"><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/31104922/75x75/c 75w, https://audioboom.com/i/31104922/150x150/c 150w, https://audioboom.com/i/31104922/300x300/c 300w, https://audioboom.com/i/31104922/600x600/c 600w, https://audioboom.com/i/31104922/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fdfdfc; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31104922/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">
The Little Bear Book
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Anthony BrowneRead by: Joanie Villeneuve
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
1m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1512573678" data-format="short_date">Dec 06, 2017</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">
1m
</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/6538554-the-fabulous-friend-machine"><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/31104671/75x75/c 75w, https://audioboom.com/i/31104671/150x150/c 150w, https://audioboom.com/i/31104671/300x300/c 300w, https://audioboom.com/i/31104671/600x600/c 600w, https://audioboom.com/i/31104671/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #e9e3dd; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31104671/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">
The Fabulous Friend Machine
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Nick BlandRead by: Shelley Longney
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1512572816" data-format="short_date">Dec 06, 2017</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">
6m
</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/6538519-the-dot"><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/31104536/75x75/c 75w, https://audioboom.com/i/31104536/150x150/c 150w, https://audioboom.com/i/31104536/300x300/c 300w, https://audioboom.com/i/31104536/600x600/c 600w, https://audioboom.com/i/31104536/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f58364; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31104536/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">
The Dot
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Peter H. ReynoldsRead by: Shelley Longney
</div>
<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="1512572139" data-format="short_date">Dec 06, 2017</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/6538498-the-darkest-dark"><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/31104436/75x75/c 75w, https://audioboom.com/i/31104436/150x150/c 150w, https://audioboom.com/i/31104436/300x300/c 300w, https://audioboom.com/i/31104436/600x600/c 600w, https://audioboom.com/i/31104436/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #6992a2; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31104436/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">
The Darkest Dark
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Astronaut Chris HadfieldIllustrated by: The Fan BrothersRead by: Rick Dwyer
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1512571532" data-format="short_date">Dec 06, 2017</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">
6m
</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/6538480-silly-billy"><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/31104316/75x75/c 75w, https://audioboom.com/i/31104316/150x150/c 150w, https://audioboom.com/i/31104316/300x300/c 300w, https://audioboom.com/i/31104316/600x600/c 600w, https://audioboom.com/i/31104316/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #4d4c4d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31104316/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">
Silly Billy
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Anthony BrowneRead by: Susan Stewart
</div>
<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="1512570816" data-format="short_date">Dec 06, 2017</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/6538457-pete-the-cat-and-the-missing-cupcakes"><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/31104169/75x75/c 75w, https://audioboom.com/i/31104169/150x150/c 150w, https://audioboom.com/i/31104169/300x300/c 300w, https://audioboom.com/i/31104169/600x600/c 600w, https://audioboom.com/i/31104169/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f9a845; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31104169/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">
Pete the Cat and the Missing Cupcakes
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Kimberly &amp; James DeanRead by: Joanie Villeneuve
</div>
<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="1512570192" data-format="short_date">Dec 06, 2017</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/6538404-pete-the-cat-twinkle-twinkle-little-star"><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/31103972/75x75/c 75w, https://audioboom.com/i/31103972/150x150/c 150w, https://audioboom.com/i/31103972/300x300/c 300w, https://audioboom.com/i/31103972/600x600/c 600w, https://audioboom.com/i/31103972/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #1faddc; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31103972/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">
Pete the Cat Twinkle, Twinkle, Little Star
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: James DeanRead by: Susan Stewart
</div>
<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="1512569690" data-format="short_date">Dec 06, 2017</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/6538350-mama-saurus"><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/31103697/75x75/c 75w, https://audioboom.com/i/31103697/150x150/c 150w, https://audioboom.com/i/31103697/300x300/c 300w, https://audioboom.com/i/31103697/600x600/c 600w, https://audioboom.com/i/31103697/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #25241a; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/31103697/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">
Mama Saurus
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Stephan LompRead by: Susan Stewart
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1512568450" data-format="short_date">Dec 06, 2017</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">
6m
</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/6506220-the-mitten"><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/30953016/75x75/c 75w, https://audioboom.com/i/30953016/150x150/c 150w, https://audioboom.com/i/30953016/300x300/c 300w, https://audioboom.com/i/30953016/600x600/c 600w, https://audioboom.com/i/30953016/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #b1b5bf; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30953016/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">
The Mitten
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Jan BrettRead by: Peg Giddings
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1511289303" data-format="short_date">Nov 21, 2017</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">
7m
</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/6405676-let-s-go-home-little-bear"><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/30508939/75x75/c 75w, https://audioboom.com/i/30508939/150x150/c 150w, https://audioboom.com/i/30508939/300x300/c 300w, https://audioboom.com/i/30508939/600x600/c 600w, https://audioboom.com/i/30508939/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f4d959; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30508939/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">
Let&#39;s Go Home Little Bear
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Martin WaddellIllustrated by: Barbara FirthRead by: Jennifer Patterson
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1508337175" data-format="short_date">Oct 18, 2017</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">
7m
</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/6362676-ish"><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/30316092/75x75/c 75w, https://audioboom.com/i/30316092/150x150/c 150w, https://audioboom.com/i/30316092/300x300/c 300w, https://audioboom.com/i/30316092/600x600/c 600w, https://audioboom.com/i/30316092/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #fefefe; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30316092/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">
Ish
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Peter H. ReynoldsRead by: Sarah Martin
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
6m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507137273" data-format="short_date">Oct 04, 2017</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">
6m
</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/6362655-i-wish-you-more"><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/30315978/75x75/c 75w, https://audioboom.com/i/30315978/150x150/c 150w, https://audioboom.com/i/30315978/300x300/c 300w, https://audioboom.com/i/30315978/600x600/c 600w, https://audioboom.com/i/30315978/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #a0d0ec; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30315978/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">
I Wish You More
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Amy Krouse Rosenthal and Tom LichtenheldRead by: Sarah Martin
</div>
<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="1507136728" data-format="short_date">Oct 04, 2017</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/6358408-go-dog-go"><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/30297094/75x75/c 75w, https://audioboom.com/i/30297094/150x150/c 150w, https://audioboom.com/i/30297094/300x300/c 300w, https://audioboom.com/i/30297094/600x600/c 600w, https://audioboom.com/i/30297094/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #f7713b; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30297094/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">
Go Dog Go
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: P. D. EastmanRead by: Rickey Dwyer
</div>
<div class="text-muted df align-items-baseline gap-2 fs-8">
<span class="numeric-tabular d-sm-none">
7m
</span>
<span class="d-sm-none">
&bull;
</span>
<span><span class="js-time" data-epochtime="1507041662" data-format="short_date">Oct 03, 2017</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">
7m
</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/6358378-from-head-to-toe"><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/30296958/75x75/c 75w, https://audioboom.com/i/30296958/150x150/c 150w, https://audioboom.com/i/30296958/300x300/c 300w, https://audioboom.com/i/30296958/600x600/c 600w, https://audioboom.com/i/30296958/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #1c2c3d; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296958/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">
From Head to Toe
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written and Illustrated by: Eric Carle
</div>
<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="1507041035" data-format="short_date">Oct 03, 2017</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/6358320-fox-and-squirrel"><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/30296728/75x75/c 75w, https://audioboom.com/i/30296728/150x150/c 150w, https://audioboom.com/i/30296728/300x300/c 300w, https://audioboom.com/i/30296728/600x600/c 600w, https://audioboom.com/i/30296728/1400x1400/c 1400w" sizes="(max-width: 400px) 64px, 96px" style="background-color: #06b6cd; max-width: 96px; width: 15cqw;" class="js-img-bg ratio-square rounded-1" loading="lazy" src="https://audioboom.com/i/30296728/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">
Fox and Squirrel
</h5>
<div class="text-line-clamp text-line-clamp-3 balanced-p fs-8 text-muted text-break">
Written by: Ruth OhiRead by: Sarah Martin
</div>
<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="1507040509" data-format="short_date">Oct 03, 2017</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>

</template></turbo-stream>
  <turbo-stream action="replace" target="audio_clips_pagination"><template><turbo-frame loading="lazy" id="audio_clips_pagination" src="/channels/4932295-cqsbreadwithme.turbo_stream?page=6"><div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div aria-hidden="true" class="card rounded-0 border-0 border-bottom">
<div class="card-body df align-items-center placeholder-glow text-black-50">
<div class="w-100">
<h5>
<div class="placeholder col-6"></div>
</h5>
<div class="placeholder placeholder-sm" style="width:15ch"></div>
</div>
<div class="mla">
<span class="placeholder placeholder-sm" style="width:4ch"></span>
</div>
</div>
</div>
<div class="visually-hidden">
<a href="/channels/4932295-cqsbreadwithme?page=6">next page</a>
</div>
</turbo-frame></template></turbo-stream>
