<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5439237" id="audio_clip_8183830">
<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/8183830-i-died-in-hell-they-called-it-passchendaele"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8183830-i-died-in-hell-they-called-it-passchendaele"><div class="text-line-clamp text-line-clamp-3" dir="auto">
24: I died in hell, they called it Passchendaele
</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="5439237" id="audio_clip_8169508">
<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/8169508-the-battle-of-loos-through-the-eyes-of-the-soldiers"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8169508-the-battle-of-loos-through-the-eyes-of-the-soldiers"><div class="text-line-clamp text-line-clamp-3" dir="auto">
23: The Battle of Loos Through the Eyes of the Soldiers
</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="5439237" id="audio_clip_8163701">
<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/8163701-the-royal-family-in-the-2-world-wars"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8163701-the-royal-family-in-the-2-world-wars"><div class="text-line-clamp text-line-clamp-3" dir="auto">
22: The Royal Family in the 2 World Wars
</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="5439237" id="audio_clip_8157377">
<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/8157377-the-battle-of-flers-courcelette-with-pete-smith"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8157377-the-battle-of-flers-courcelette-with-pete-smith"><div class="text-line-clamp text-line-clamp-3" dir="auto">
21: The Battle of Flers-Courcelette with Pete Smith
</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="5439237" id="audio_clip_8152066">
<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/8152066-the-hawthorn-crater-with-rick-smith"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8152066-the-hawthorn-crater-with-rick-smith"><div class="text-line-clamp text-line-clamp-3" dir="auto">
20: The Hawthorn Crater with Rick Smith
</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="5439237" id="audio_clip_8140901">
<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/8140901-pond-farm-and-an-australian-pilgrimage"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8140901-pond-farm-and-an-australian-pilgrimage"><div class="text-line-clamp text-line-clamp-3" dir="auto">
19: Pond Farm and an Australian Pilgrimage
</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="5439237" id="audio_clip_8135810">
<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/8135810-when-2-battlefields-overlap-in-time-with-paul-reed"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8135810-when-2-battlefields-overlap-in-time-with-paul-reed"><div class="text-line-clamp text-line-clamp-3" dir="auto">
18: When 2 Battlefields Overlap in Time with Paul Reed
</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="5439237" id="audio_clip_8131226">
<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/8131226-letters-to-loved-ones-in-the-great-war"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8131226-letters-to-loved-ones-in-the-great-war"><div class="text-line-clamp text-line-clamp-3" dir="auto">
17: Letters to Loved Ones in The Great War
</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="5439237" id="audio_clip_8123480">
<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/8123480-detained-in-england-the-story-of-a-german-pow-camp-in-an-english-village"><img srcset="https://audioboom.com/i/39438511/75x75/c 75w, https://audioboom.com/i/39438511/150x150/c 150w, https://audioboom.com/i/39438511/300x300/c 300w, https://audioboom.com/i/39438511/600x600/c 600w, https://audioboom.com/i/39438511/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c2b4" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/39438511/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/8123480-detained-in-england-the-story-of-a-german-pow-camp-in-an-english-village"><div class="text-line-clamp text-line-clamp-3" dir="auto">
16: Detained in England - the story of a German POW camp in an English village
</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="5439237" id="audio_clip_8114646">
<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/8114646-5-soldiers-2-memorials-to-the-missing-and-a-family-pilgrimage-to-arras-and-the-somme"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8114646-5-soldiers-2-memorials-to-the-missing-and-a-family-pilgrimage-to-arras-and-the-somme"><div class="text-line-clamp text-line-clamp-3" dir="auto">
15: 5 Soldiers, 2 Memorials to the Missing and a Family Pilgrimage to Arras and the Somme
</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="5439237" id="audio_clip_8109046">
<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/8109046-the-frontline-walk-following-in-the-footsteps-of-those-who-fought"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8109046-the-frontline-walk-following-in-the-footsteps-of-those-who-fought"><div class="text-line-clamp text-line-clamp-3" dir="auto">
14: The Frontline Walk - Following in the footsteps of those who fought
</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="5439237" id="audio_clip_8104438">
<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/8104438-talbot-house-the-little-paris-of-the-ypres-salient-with-simon-louagie"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8104438-talbot-house-the-little-paris-of-the-ypres-salient-with-simon-louagie"><div class="text-line-clamp text-line-clamp-3" dir="auto">
13: Talbot House - The &quot;Little Paris of the Ypres Salient&quot; with Simon Louagie
</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="5439237" id="audio_clip_8099805">
<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/8099805-a-weekend-on-the-western-front"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8099805-a-weekend-on-the-western-front"><div class="text-line-clamp text-line-clamp-3" dir="auto">
12: A Weekend on the Western Front
</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="5439237" id="audio_clip_8090973">
<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/8090973-the-memories-of-a-ww1-soldier-s-daughter-mollie-dunkley"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8090973-the-memories-of-a-ww1-soldier-s-daughter-mollie-dunkley"><div class="text-line-clamp text-line-clamp-3" dir="auto">
11: The Memories of a WW1 Soldier&#39;s Daughter - Mollie Dunkley&quot;
</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="5439237" id="audio_clip_8084274">
<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/8084274-the-ulstermen-and-the-ulster-memorial-tower"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8084274-the-ulstermen-and-the-ulster-memorial-tower"><div class="text-line-clamp text-line-clamp-3" dir="auto">
10: The Ulstermen and the Ulster Memorial Tower
</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="5439237" id="audio_clip_8077002">
<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/8077002-the-gardeners-of-the-cwgc-with-diego-blondel"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8077002-the-gardeners-of-the-cwgc-with-diego-blondel"><div class="text-line-clamp text-line-clamp-3" dir="auto">
9: The Gardeners of the CWGC with Diego Blondel
</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="5439237" id="audio_clip_8069769">
<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/8069769-living-and-working-on-the-somme"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8069769-living-and-working-on-the-somme"><div class="text-line-clamp text-line-clamp-3" dir="auto">
8: Living and Working on the Somme
</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="5439237" id="audio_clip_8064913">
<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/8064913-the-battle-of-arras-the-soldiers-stories"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8064913-the-battle-of-arras-the-soldiers-stories"><div class="text-line-clamp text-line-clamp-3" dir="auto">
7: The Battle of Arras - The Soldiers&#39; Stories
</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="5439237" id="audio_clip_8060109">
<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/8060109-cometh-the-hour-sir-fabian-ware-and-the-birth-of-the-commonwealth-war-graves-commission"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8060109-cometh-the-hour-sir-fabian-ware-and-the-birth-of-the-commonwealth-war-graves-commission"><div class="text-line-clamp text-line-clamp-3" dir="auto">
6: Cometh the Hour - Sir Fabian Ware and the birth of the Commonwealth War Graves Commission
</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="5439237" id="audio_clip_8055513">
<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/8055513-richard-dunning-the-man-who-bought-a-crater"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8055513-richard-dunning-the-man-who-bought-a-crater"><div class="text-line-clamp text-line-clamp-3" dir="auto">
5: Richard Dunning - the man who bought a Crater
</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="5439237" id="audio_clip_8049916">
<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/8049916-german-spring-offensive-march-1918"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8049916-german-spring-offensive-march-1918"><div class="text-line-clamp text-line-clamp-3" dir="auto">
4: German Spring Offensive - March 1918
</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="5439237" id="audio_clip_8045656">
<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/8045656-the-battle-of-neuve-chapelle-through-the-eyes-of-the-soldiers"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8045656-the-battle-of-neuve-chapelle-through-the-eyes-of-the-soldiers"><div class="text-line-clamp text-line-clamp-3" dir="auto">
3: The Battle of Neuve Chapelle Through the Eyes of the Soldiers
</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="5439237" id="audio_clip_8041251">
<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/8041251-brothers-in-arms"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8041251-brothers-in-arms"><div class="text-line-clamp text-line-clamp-3" dir="auto">
2: Brothers in Arms
</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="5439237" id="audio_clip_8031191">
<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/8031191-a-tale-of-2-brothers"><img srcset="https://audioboom.com/i/38932334/75x75/c 75w, https://audioboom.com/i/38932334/150x150/c 150w, https://audioboom.com/i/38932334/300x300/c 300w, https://audioboom.com/i/38932334/600x600/c 600w, https://audioboom.com/i/38932334/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c3b8" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/38932334/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/8031191-a-tale-of-2-brothers"><div class="text-line-clamp text-line-clamp-3" dir="auto">
1: A tale of 2 brothers
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>


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