<turbo-stream action="update" target="results"><template><article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/football-romeo"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Football Romeo Lindsay Price Play Script" width="175" height="175" fetchpriority="high" loading="eager" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDYsInB1ciI6ImJsb2JfaWQifX0=--92504337711721f881e5ab2ff804583c2df5ea04/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/football-romeo.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/football-romeo">Football Romeo</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A hilarious full length modern take on the clash between school cliques. Inspired by Romeo and Juliet.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 75 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
76 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/football-romeo">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/football-romeo/pricing" data-modal="pricing" href="/products/football-romeo">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-53" id="preload-pdf-viewer-53" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/football-romeo/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 75 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
76 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/football-romeo/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-53-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-53Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-53" data-pdf-viewer-url-value="/products/football-romeo/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-53-modal-heading">
Football Romeo
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/beauty-and-the-bee"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Beauty and the Bee Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTE3LCJwdXIiOiJibG9iX2lkIn19--0cce3180af4466ffd4b240806b08d95fb90c7011/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Beauty-and-the-Bee.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/beauty-and-the-bee">Beauty and the Bee</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
Catherine is a beauty queen. Cosette is a homeschooled spelling bee champion. Two sisters could not be farther apart. When their worlds collide, sparks fly.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 38 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 6&nbsp;F + 9&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
42 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/beauty-and-the-bee">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/beauty-and-the-bee/pricing" data-modal="pricing" href="/products/beauty-and-the-bee">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-152" id="preload-pdf-viewer-152" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/beauty-and-the-bee/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 38 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 6&nbsp;F + 9&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
42 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/beauty-and-the-bee/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-152-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-152Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-152" data-pdf-viewer-url-value="/products/beauty-and-the-bee/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-152-modal-heading">
Beauty and the Bee
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/cinderella-s-crunchy-christmas-cake"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Cinderella&#39;s Crunchy Christmas Cake Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzksInB1ciI6ImJsb2JfaWQifX0=--58d2b0cb45e631676ef117f9834683015bbf51b2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Cinderellas-Crunchy-Christmas-Cake.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/cinderella-s-crunchy-christmas-cake">Cinderella&#39;s Crunchy Christmas Cake</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
It's Cinderella's first Christmas in the castle. But her step-sisters have a dastardly plan to ruin the holidays.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 45 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
35 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/cinderella-s-crunchy-christmas-cake">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/cinderella-s-crunchy-christmas-cake/pricing" data-modal="pricing" href="/products/cinderella-s-crunchy-christmas-cake">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-46" id="preload-pdf-viewer-46" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/cinderella-s-crunchy-christmas-cake/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 45 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
35 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/cinderella-s-crunchy-christmas-cake/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-46-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-46Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-46" data-pdf-viewer-url-value="/products/cinderella-s-crunchy-christmas-cake/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-46-modal-heading">
Cinderella&#39;s Crunchy Christmas Cake
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/christmas-in-july-two-holiday-one-act-plays"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Christmas in July: Two Holiday One Act Plays Mrs. Evelyn Merritt Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTE0LCJwdXIiOiJibG9iX2lkIn19--4718067c5e5f9f4de8cdad4f5d26cb0fc39ffcbf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Christmas-in-July.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/christmas-in-july-two-holiday-one-act-plays">Christmas in July: Two Holiday One Act Plays</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Mrs. Evelyn Merritt<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
Two Christmas plays. Baby New Year rearranges the calendar in Christmas in July. Christmas is in jeopardy in What do you do when the elves have the flu?
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools, Middle Schools, and Elementary Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
36 pages
</li>
</ul>
</div>
<div class="mb-2 text-gray-700 text-sm">
This collection contains
<em><a data-turbo-frame="_top" href="/products/christmas-in-july">Christmas in July</a></em> and <em><a data-turbo-frame="_top" href="/products/what-do-you-do-when-the-elves-have-the-flu">What do you do when the Elves have the flu?</a></em>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/christmas-in-july-two-holiday-one-act-plays">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/christmas-in-july-two-holiday-one-act-plays/pricing" data-modal="pricing" href="/products/christmas-in-july-two-holiday-one-act-plays">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-149" id="preload-pdf-viewer-149" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/christmas-in-july-two-holiday-one-act-plays/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools, Middle Schools, and Elementary Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
36 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/christmas-in-july-two-holiday-one-act-plays/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-149-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-149Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-149" data-pdf-viewer-url-value="/products/christmas-in-july-two-holiday-one-act-plays/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-149-modal-heading">
Christmas in July: Two Holiday One Act Plays
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/epic-adventures-in-a-rinky-dink-art-museum"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Epic Adventures in a Rinky-Dink Art Museum Ken Preuss Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTU3LCJwdXIiOiJibG9iX2lkIn19--d26d4ac8902995b83f2bb730776f85668289549f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Epic-Adventures-in-a-Rinky-Dink-Art-Museum.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/epic-adventures-in-a-rinky-dink-art-museum">Epic Adventures in a Rinky-Dink Art Museum</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Ken Preuss
</small>
</div>
<p class="mb-3">
A character driven comedy about art, romance, and mystery. This rinky-dink art museum holds more interest than what first meets the eye.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
40 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/epic-adventures-in-a-rinky-dink-art-museum">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/epic-adventures-in-a-rinky-dink-art-museum/pricing" data-modal="pricing" href="/products/epic-adventures-in-a-rinky-dink-art-museum">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-230" id="preload-pdf-viewer-230" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/epic-adventures-in-a-rinky-dink-art-museum/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 7&nbsp;F
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
40 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/epic-adventures-in-a-rinky-dink-art-museum/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-230-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-230Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-230" data-pdf-viewer-url-value="/products/epic-adventures-in-a-rinky-dink-art-museum/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-230-modal-heading">
Epic Adventures in a Rinky-Dink Art Museum
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-snow-queen"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Snow Queen Mrs. Evelyn Merritt Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjAxLCJwdXIiOiJibG9iX2lkIn19--3c05d8012322f6d3627456dae708f9deef718df1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/The-Snow-Queen.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-snow-queen">The Snow Queen</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
adapted by Mrs. Evelyn Merritt<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>
 from Hans Christian Andersen
</small>
</div>
<p class="mb-3">
A theatrical adaptation of The Snow Queen by Hans Christian Andersen.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
8&nbsp;M + 20&nbsp;F + 31&nbsp;Any&nbsp;Gender, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-snow-queen">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-snow-queen/pricing" data-modal="pricing" href="/products/the-snow-queen">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-290" id="preload-pdf-viewer-290" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-snow-queen/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
8&nbsp;M + 20&nbsp;F + 31&nbsp;Any&nbsp;Gender, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-snow-queen/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-290-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-290Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-290" data-pdf-viewer-url-value="/products/the-snow-queen/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-290-modal-heading">
The Snow Queen
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/frankenstein-vs-the-horrendous-goo"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Frankenstein vs the Horrendous Goo Treanor Baring Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjIzLCJwdXIiOiJibG9iX2lkIn19--32866c62d59b5409b1ca1052d9048b76c60904f4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Frankenstein-vs-the-Horrendous-Goo.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/frankenstein-vs-the-horrendous-goo">Frankenstein vs the Horrendous Goo</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Treanor Baring
</small>
</div>
<p class="mb-3">
A mix-up in the chemistry club creates a horrendous goo that takes over John Dalton School.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 50 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F + 6&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/frankenstein-vs-the-horrendous-goo">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/frankenstein-vs-the-horrendous-goo/pricing" data-modal="pricing" href="/products/frankenstein-vs-the-horrendous-goo">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-312" id="preload-pdf-viewer-312" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/frankenstein-vs-the-horrendous-goo/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 50 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F + 6&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/frankenstein-vs-the-horrendous-goo/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-312-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-312Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-312" data-pdf-viewer-url-value="/products/frankenstein-vs-the-horrendous-goo/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-312-modal-heading">
Frankenstein vs the Horrendous Goo
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/mummu"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Mummu Kirk Shimano Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzAwLCJwdXIiOiJibG9iX2lkIn19--e372163a95fc1b9e0be6df6c8e7e3cb035e98638/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Mummu.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/mummu">Mummu</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Kirk Shimano<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A one act play inspired by an ancient Sumerian myth depicting one of the first Mesopotamian gods.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 25 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
4&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/mummu">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/mummu/pricing" data-modal="pricing" href="/products/mummu">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-405" id="preload-pdf-viewer-405" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/mummu/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 25 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
4&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/mummu/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-405-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-405Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-405" data-pdf-viewer-url-value="/products/mummu/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-405-modal-heading">
Mummu
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/lose-not-thy-head"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Lose Not Thy Head Gary Rodgers Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTg0LCJwdXIiOiJibG9iX2lkIn19--fd93bba4fd1f540a9c61e86bd33bb81cc874c500/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Lose-Not-Thy-Head.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/lose-not-thy-head">Lose Not Thy Head</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Gary Rodgers<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
Joan has been sentenced to lose her head for impersonating her famous brother William Shakespeare.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 3&nbsp;F + 9&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
34 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/lose-not-thy-head">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/lose-not-thy-head/pricing" data-modal="pricing" href="/products/lose-not-thy-head">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-273" id="preload-pdf-viewer-273" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/lose-not-thy-head/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 3&nbsp;F + 9&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
34 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/lose-not-thy-head/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-273-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-273Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-273" data-pdf-viewer-url-value="/products/lose-not-thy-head/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-273-modal-heading">
Lose Not Thy Head
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/frankenstein-vs-the-horrendous-goo-competition-version"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Frankenstein vs the Horrendous Goo: Competition Version Treanor Baring Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI0LCJwdXIiOiJibG9iX2lkIn19--cfde1d9dac04278d16d37e32169f109b9a8c7101/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Frankenstein-vs-the-Horrendous-Goo.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/frankenstein-vs-the-horrendous-goo-competition-version">Frankenstein vs the Horrendous Goo: Competition Version</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Treanor Baring
</small>
</div>
<p class="mb-3">
A 35 minute cutting of the original suitable for competition.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F + 6&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/frankenstein-vs-the-horrendous-goo-competition-version">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/frankenstein-vs-the-horrendous-goo-competition-version/pricing" data-modal="pricing" href="/products/frankenstein-vs-the-horrendous-goo-competition-version">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-313" id="preload-pdf-viewer-313" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/frankenstein-vs-the-horrendous-goo-competition-version/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F + 6&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/frankenstein-vs-the-horrendous-goo-competition-version/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-313-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-313Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-313" data-pdf-viewer-url-value="/products/frankenstein-vs-the-horrendous-goo-competition-version/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-313-modal-heading">
Frankenstein vs the Horrendous Goo: Competition Version
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/nerd-herd"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Nerd Herd Christian Kiley Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUxLCJwdXIiOiJibG9iX2lkIn19--98b4e8051c700a26dead59eb7d3061718313581b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Nerd-Herd.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/nerd-herd">Nerd Herd</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Christian Kiley
</small>
</div>
<p class="mb-3">
A funny and endearing look at love, dreams, slushes, and the unexpected twists and turns that life takes when you’re saving the universe.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 4&nbsp;F + 1&nbsp;Any&nbsp;Gender, Extras as needed
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
39 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/nerd-herd">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/nerd-herd/pricing" data-modal="pricing" href="/products/nerd-herd">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-349" id="preload-pdf-viewer-349" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/nerd-herd/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;M + 4&nbsp;F + 1&nbsp;Any&nbsp;Gender, Extras as needed
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
39 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/nerd-herd/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-349-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-349Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-349" data-pdf-viewer-url-value="/products/nerd-herd/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-349-modal-heading">
Nerd Herd
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/ths-phne-2-0-the-next-generation"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="ths phne 2.0: the next generation Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ODMsInB1ciI6ImJsb2JfaWQifX0=--e808500dc1c963b71613309e64e3052805065300/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/ths-phne-20.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/ths-phne-2-0-the-next-generation">ths phne 2.0: the next generation</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A vignette play that looks at 21st century communication. Blog your innermost thoughts. Break up by text. Express your deepest emotions through LOL's and smilies.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
27 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/ths-phne-2-0-the-next-generation">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/ths-phne-2-0-the-next-generation/pricing" data-modal="pricing" href="/products/ths-phne-2-0-the-next-generation">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-113" id="preload-pdf-viewer-113" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/ths-phne-2-0-the-next-generation/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 30 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 3&nbsp;F, Easily Expandable
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
27 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/ths-phne-2-0-the-next-generation/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-113-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-113Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-113" data-pdf-viewer-url-value="/products/ths-phne-2-0-the-next-generation/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-113-modal-heading">
ths phne 2.0: the next generation
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/cobweb-dreams"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Cobweb Dreams Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTg5LCJwdXIiOiJibG9iX2lkIn19--3fdb75dc76344a0273d89ae55b2fe97543889d0a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Cobweb-Dreams-1.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/cobweb-dreams">Cobweb Dreams</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
Cobweb dreams of a different life, away from Titania's train.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 80 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 17&nbsp;F + 7&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Unit Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
86 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/cobweb-dreams">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/cobweb-dreams/pricing" data-modal="pricing" href="/products/cobweb-dreams">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-278" id="preload-pdf-viewer-278" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/cobweb-dreams/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 80 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
2&nbsp;M + 17&nbsp;F + 7&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Unit Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
86 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/cobweb-dreams/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-278-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-278Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-278" data-pdf-viewer-url-value="/products/cobweb-dreams/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-278-modal-heading">
Cobweb Dreams
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/dead-men-don-t-do-radio-plays"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Dead Men Don&#39;t Do Radio Plays Allison Williams Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjEzLCJwdXIiOiJibG9iX2lkIn19--625590efc2f39c94716506a27225d78e59533bfd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Dead-Men-Don&#39;t-Do-Radio-Plays.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/dead-men-don-t-do-radio-plays">Dead Men Don&#39;t Do Radio Plays</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Allison Williams
</small>
</div>
<p class="mb-3">
Put together a SFX crew and bring the radio sounds to life.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
59 pages
</li>
</ul>
</div>
<div class="mb-2 text-gray-700 text-sm">
This collection contains
<em><a data-turbo-frame="_top" href="/products/dead-men-don-t-carry-handbags">Dead Men Don't Carry Handbags</a></em> and <em><a data-turbo-frame="_top" href="/products/dead-men-don-t-jaywalk">Dead Men Don't Jaywalk</a></em>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/dead-men-don-t-do-radio-plays">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/dead-men-don-t-do-radio-plays/pricing" data-modal="pricing" href="/products/dead-men-don-t-do-radio-plays">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-302" id="preload-pdf-viewer-302" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/dead-men-don-t-do-radio-plays/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
59 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/dead-men-don-t-do-radio-plays/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-302-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-302Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-302" data-pdf-viewer-url-value="/products/dead-men-don-t-do-radio-plays/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-302-modal-heading">
Dead Men Don&#39;t Do Radio Plays
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/storied"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Storied Bradley Walton Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTU4LCJwdXIiOiJibG9iX2lkIn19--51ba3fd5f485d9538ca3249fbe5fd2f37cce35c4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Storied.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/storied">Storied</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Bradley Walton
</small>
</div>
<p class="mb-3">
In a magical dimension, three teenagers are pulled into a conflict between Good and Bad Ideas from classic tales. Who is to blame for the bad idea?
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 77 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
6&nbsp;M + 9&nbsp;F + 5&nbsp;Any&nbsp;Gender, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Unit Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
70 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/storied">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/storied/pricing" data-modal="pricing" href="/products/storied">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-231" id="preload-pdf-viewer-231" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/storied/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 77 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
6&nbsp;M + 9&nbsp;F + 5&nbsp;Any&nbsp;Gender, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Unit Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
70 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/storied/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-231-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-231Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-231" data-pdf-viewer-url-value="/products/storied/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-231-modal-heading">
Storied
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-comedy-of-errors"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Comedy of Errors John Minigan Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQ5LCJwdXIiOiJibG9iX2lkIn19--d5ea4bba993d2be9ae113686063ca07246f3cc20/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Comedy-of-Errors.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-comedy-of-errors">The Comedy of Errors</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
cutting and notes by John Minigan from the original by Shakespeare
</small>
</div>
<p class="mb-3">
A one act annotated version of Shakespeare's comedy about mistaken identity.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 5&nbsp;F + 8&nbsp;Any&nbsp;Gender, + jailers, officers, and attendants, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
41 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-comedy-of-errors">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-comedy-of-errors/pricing" data-modal="pricing" href="/products/the-comedy-of-errors">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-222" id="preload-pdf-viewer-222" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-comedy-of-errors/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
5&nbsp;M + 5&nbsp;F + 8&nbsp;Any&nbsp;Gender, + jailers, officers, and attendants, Doubling Possible
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple Set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
41 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-comedy-of-errors/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-222-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-222Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-222" data-pdf-viewer-url-value="/products/the-comedy-of-errors/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-222-modal-heading">
The Comedy of Errors
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/the-wind-in-the-willows"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="The Wind in the Willows Todd Espeland Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjc1LCJwdXIiOiJibG9iX2lkIn19--67b0a3bcb5fa2221b00ffbffb7737bd85de92b7a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Wind-in-the-Willows.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/the-wind-in-the-willows">The Wind in the Willows</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
adapted by Todd Espeland from Kenneth Grahame
</small>
</div>
<p class="mb-3">
A lively and theatrical adaptation of a wonderful classic.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 70 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;F + 16&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
61 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/the-wind-in-the-willows">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/the-wind-in-the-willows/pricing" data-modal="pricing" href="/products/the-wind-in-the-willows">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-377" id="preload-pdf-viewer-377" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-wind-in-the-willows/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 70 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
3&nbsp;F + 16&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
61 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/the-wind-in-the-willows/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-377-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-377Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-377" data-pdf-viewer-url-value="/products/the-wind-in-the-willows/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-377-modal-heading">
The Wind in the Willows
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/red-tee"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Red Tee Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjc3LCJwdXIiOiJibG9iX2lkIn19--e8dd638765266d27f59298b278d68eaf7324b722/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Red-Tee.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/red-tee">Red Tee</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
It’s time for role call. Who are you?
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 5&nbsp;F + 6&nbsp;Any&nbsp;Gender + 1&nbsp;M&nbsp;or&nbsp;F + 1&nbsp;Trans&nbsp;Man + 1&nbsp;Non-Binary, Expandable to 29
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
35 pages
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/red-tee">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/red-tee/pricing" data-modal="pricing" href="/products/red-tee">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-379" id="preload-pdf-viewer-379" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/red-tee/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 35 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
1&nbsp;M + 5&nbsp;F + 6&nbsp;Any&nbsp;Gender + 1&nbsp;M&nbsp;or&nbsp;F + 1&nbsp;Trans&nbsp;Man + 1&nbsp;Non-Binary, Expandable to 29
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-file-alt fa-li"></i>
35 pages
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/red-tee/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-379-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-379Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-379" data-pdf-viewer-url-value="/products/red-tee/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-379-modal-heading">
Red Tee
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/6ft-scenes"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="6ft Scenes Lindsay Price Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg0LCJwdXIiOiJibG9iX2lkIn19--2f038d28db387e73b73aedab569cfe185965bb6f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/6ft-Scenes.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/6ft-scenes">6ft Scenes</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Lindsay Price<span class="canada_only">
<i title="Canadian Author" class="fa-brands fa-canadian-maple-leaf text-red-600"></i>
</span>

</small>
</div>
<p class="mb-3">
A collection of 15 scenes in which no two characters get within 6ft of each other.
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/6ft-scenes">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/6ft-scenes/pricing" data-modal="pricing" href="/products/6ft-scenes">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-386" id="preload-pdf-viewer-386" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/6ft-scenes/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/6ft-scenes/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-386-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-386Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-386" data-pdf-viewer-url-value="/products/6ft-scenes/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-386-modal-heading">
6ft Scenes
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>
<article class="p-2 lg:p-0 lg:flex shadow-md hover:shadow-lg bg-white rounded group border border-gray-300 hover:border-gray-400 mb-4">
<div class="lg:p-3">
<a data-turbo-frame="_top" href="/products/horror-movie-102-failing-just-got-deadlier"><div class="w-24 lg:w-48 mb-2 lg:mb-0 aspect-square animate-pulse bg-gray-200 rounded" data-controller="image-loading">
<img class="group-hover:scale-105 transition-all mx-auto" alt="Horror Movie 102: Failing Just Got Deadlier Steven Stack Play Script" width="175" height="175" loading="lazy" decoding="async" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjk3LCJwdXIiOiJibG9iX2lkIn19--5cec43ea269d6d4420a10be3676d1db3f5dfd0ad/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiIxNzV4MTc1In0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--d60019640d68ad0b8f997ff62d77c56456713b45/Horror-Movie-102.png" />
</div>
</a></div>
<div class="lg:p-3 flex-1 flex flex-col justify-between">
<div class="block">
<h2 class="mb-2 font-extrabold text-2xl text-blue-900 hover:text-blue-700">
<a data-turbo-frame="_top" href="/products/horror-movie-102-failing-just-got-deadlier">Horror Movie 102: Failing Just Got Deadlier</a>
</h2>
<div class="mb-3 text-gray-700 -mt-2 leading-3">
<small class="uppercase text-pretty">
by Steven Stack
</small>
</div>
<p class="mb-3">
A follow-up to the very popular <em>Horror Movie 101</em>!
</p>
<div class="block lg:hidden">
<ul class="fa-ul mb-4 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
7&nbsp;M + 14&nbsp;F + 1&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<div class="mb-2 text-gray-700 text-sm">
This collection contains
<em><a data-turbo-frame="_top" href="/products/ascot-ribbon">The Ascot Ribbon</a></em>, <em><a data-turbo-frame="_top" href="/products/the-cow-s-head">The Cow's Head</a></em>, <em><a data-turbo-frame="_top" href="/products/the-date-f14ee01e-da77-4b7a-965a-5f5ad2a647a2">The Date</a></em>, <em><a data-turbo-frame="_top" href="/products/slash-slash">Slash, Slash!!!</a></em>, and <em><a data-turbo-frame="_top" href="/products/tofuman">Tofuman</a></em>
</div>
</div>
<div class="space-y-2">
<div class="flex space-x-2">
<a class="btn btn-light btn-block" data-turbo-frame="_top" href="/products/horror-movie-102-failing-just-got-deadlier">Learn More
</a><a class="btn btn-light btn-block" data-turbo-frame="_top" data-action="click-&gt;site#openModal:prevent" data-site-url-param="/products/horror-movie-102-failing-just-got-deadlier/pricing" data-modal="pricing" href="/products/horror-movie-102-failing-just-got-deadlier">Pricing
</a></div>
<button class="btn btn-light btn-block inline-flex items-center justify-center gap-2" data-action="click-&gt;site#openModal" data-modal="pdf-viewer-402" id="preload-pdf-viewer-402" type="button">
<i aria-hidden="true" class="fa-solid fa-book-reader"></i>
Read a free excerpt
</button>
</div>
<div class="mt-3 lg:hidden flex justify-center flex-wrap text-center">
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/horror-movie-102-failing-just-got-deadlier/order" type="button">
Add to Cart
</button>
<div class="mt-3">

</div>
</div>
</div>
<div class="bg-blue-100 rounded-r p-3 hidden lg:flex flex-col justify-start space-y-4 lg:w-1/4">
<div class="block">
<div class="font-semibold border-b border-slate-400 mb-2 text-sm">
Quick Facts
</div>
<ul class="fa-ul mb-0 text-xs">
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-clock fa-li"></i>
About 60 minutes
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-users fa-li"></i>
7&nbsp;M + 14&nbsp;F + 1&nbsp;Any&nbsp;Gender
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-warehouse-alt fa-li"></i>
Simple set
</li>
<li class="mb-1">
<i aria-hidden="true" class="fa-solid fa-school fa-li"></i>
Recommended for High Schools &amp; Middle Schools
</li>
</ul>
</div>
<button class="btn btn-primary btn-block" data-action="click-&gt;site#openModal" data-modal="order" data-site-url-param="/products/horror-movie-102-failing-just-got-deadlier/order" type="button">
Add to Cart
</button>

</div>
<div aria-labelledby="pdf-viewer-402-modal-heading" aria-modal="true" data-controller="modal" data-modal-allow-background-close id="pdf-viewer-402Modal" role="dialog">
<div class="hidden opacity-0 transition-opacity duration-200 ease-out fixed inset-0 overflow-y-auto flex items-center justify-center" data-action="click-&gt;modal#closeBackground keyup@window-&gt;modal#closeWithKeyboard keydown@window-&gt;modal#trapFocus" data-modal-target="container" style="z-index: 9999;">
<div class="max-h-dvh w-full sm:max-w-xl md:max-w-5xl relative mx-auto opacity-0 scale-95 -translate-y-2 transition duration-200 ease-out" data-modal-target="panel">
<div class="m-1 bg-white rounded shadow relative pt-8 flex flex-col" style="max-height: calc(100dvh - 0.5rem);">
<button aria-label="Close" class="absolute top-0 right-0 inline-flex items-center justify-center w-11 h-11 hover:text-gray-900 text-gray-700 cursor-pointer font-semibold text-lg bg-transparent border-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 rounded" data-action="click-&gt;modal#close" type="button">
<i aria-hidden="true" class="fa-solid fa-times"></i>
</button>
<div class="p-2 lg:p-4 xl:p-6 overflow-y-auto min-h-0">
<div aria-live="polite" class="text-center text-2xl my-10 hidden" data-modal-target="loadingIndicator" role="status">
Loading...
<br>
<i aria-hidden="true" class="fa-solid fa-spinner fa-2x fa-pulse"></i>
</div>
<div data-modal-target="content">
<div data-controller="pdf-viewer" data-pdf-viewer-preload-selector-value="#preload-pdf-viewer-402" data-pdf-viewer-url-value="/products/horror-movie-102-failing-just-got-deadlier/sample.pdf">
<div class="mb-4">
<h2 class="text-2xl font-bold text-center" id="pdf-viewer-402-modal-heading">
Horror Movie 102: Failing Just Got Deadlier
</h2>
<p class="text-center text-gray-600">Sample Excerpt</p>
</div>
<div class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" data-pdf-viewer-target="error"></div>
<div class="sticky top-0 z-10 flex justify-end items-center mb-4 bg-gray-100 p-3 rounded shadow">
<div class="flex gap-2">
<button aria-label="Print" class="btn btn-light btn-sm hidden" data-action="click-&gt;pdf-viewer#print" data-pdf-viewer-target="printBtn" type="button">
<i aria-hidden="true" class="fa-solid fa-print"></i>
</button>
<button aria-label="Zoom out" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomOut" type="button">
<i aria-hidden="true" class="fa-solid fa-search-minus"></i>
</button>
<button aria-label="Zoom in" class="btn btn-light btn-sm" data-action="click-&gt;pdf-viewer#zoomIn" type="button">
<i aria-hidden="true" class="fa-solid fa-search-plus"></i>
</button>
</div>
</div>
<div class="flex flex-col items-center justify-center py-16 text-gray-700" data-pdf-viewer-target="loading">
<div class="animate-spin rounded-full h-10 w-10 border-4 border-gray-200 border-t-blue-500 mb-3"></div>
<p class="text-sm">Loading&hellip;</p>
</div>
<div class="hidden border border-gray-300 rounded overflow-auto bg-gray-50" data-pdf-viewer-target="container" style="max-height: 65vh;">
</div>
<div class="mt-4 text-center bg-blue-50 p-4 rounded">
<p class="mb-2 font-semibold">Want to learn more?</p>
<button class="btn btn-primary" data-action="click-&gt;modal#close">
<i aria-hidden="true" class="fa-solid fa-times-circle"></i>
&nbsp;
Close &amp; View Details
</button>
</div>
</div>

</div>
</div>
<div class="flex justify-center items-center flex-wrap mt-6 bg-sky-50 py-1">
<button class="btn btn-light btn-sm" data-action="click-&gt;modal#close">
Close
</button>
</div>
</div>
</div>
</div>
</div>

</article>

<div class="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><a href="/plays/middle-school-plays?page=6" data-turbo-stream rel="prev" aria-label="Previous">&lt;</a><a href="/plays/middle-school-plays?page=1" data-turbo-stream>1</a><a role="separator" aria-disabled="true">&hellip;</a><a href="/plays/middle-school-plays?page=6" data-turbo-stream rel="prev">6</a><a role="link" aria-disabled="true" aria-current="page">7</a><a href="/plays/middle-school-plays?page=8" data-turbo-stream rel="next">8</a><a href="/plays/middle-school-plays?page=9" data-turbo-stream>9</a><a href="/plays/middle-school-plays?page=10" data-turbo-stream>10</a><a href="/plays/middle-school-plays?page=8" data-turbo-stream rel="next" aria-label="Next">&gt;</a></nav>
</div>

</template></turbo-stream><turbo-stream action="update" target="search_aggregations"><template><div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Play Length
</legend>
<div>
<input type="checkbox" value="One Act" name="a[length][]" id="a_length_one_act" />
<label for="a_length_one_act">One Act
<span class="badge badge-aggregation">164</span>
</label></div>

<div>
<input type="checkbox" value="Full-Length" name="a[length][]" id="a_length_full-length" />
<label for="a_length_full-length">Full-Length
<span class="badge badge-aggregation">19</span>
</label></div>

<div>
<input type="checkbox" value="Monologues &amp; Scenes" name="a[length][]" id="a_length_monologues__scenes" />
<label for="a_length_monologues__scenes">Monologues &amp; Scenes
<span class="badge badge-aggregation">12</span>
</label></div>

<div>
<input type="checkbox" value="Ten Minutes" name="a[length][]" id="a_length_ten_minutes" />
<label for="a_length_ten_minutes">Ten Minutes
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Skits" name="a[length][]" id="a_length_skits" />
<label for="a_length_skits">Skits
<span class="badge badge-aggregation">1</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Cast Size
</legend>
<div>
<input type="checkbox" value="Large Cast (More than 15)" name="a[cast_size][]" id="a_cast_size_large_cast_more_than_15" />
<label for="a_cast_size_large_cast_more_than_15">Large Cast (More than 15)
<span class="badge badge-aggregation">90</span>
</label></div>

<div>
<input type="checkbox" value="Medium Cast (6-14)" name="a[cast_size][]" id="a_cast_size_medium_cast_6-14" />
<label for="a_cast_size_medium_cast_6-14">Medium Cast (6-14)
<span class="badge badge-aggregation">74</span>
</label></div>

<div>
<input type="checkbox" value="Small Cast (Less than 5)" name="a[cast_size][]" id="a_cast_size_small_cast_less_than_5" />
<label for="a_cast_size_small_cast_less_than_5">Small Cast (Less than 5)
<span class="badge badge-aggregation">17</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Genre
</legend>
<div>
<input type="checkbox" value="Comedy" name="a[genre][]" id="a_genre_comedy" />
<label for="a_genre_comedy">Comedy
<span class="badge badge-aggregation">127</span>
</label></div>

<div>
<input type="checkbox" value="Classical Adaptation" name="a[genre][]" id="a_genre_classical_adaptation" />
<label for="a_genre_classical_adaptation">Classical Adaptation
<span class="badge badge-aggregation">51</span>
</label></div>

<div>
<input type="checkbox" value="Drama" name="a[genre][]" id="a_genre_drama" />
<label for="a_genre_drama">Drama
<span class="badge badge-aggregation">36</span>
</label></div>

<div>
<input type="checkbox" value="Dramedy" name="a[genre][]" id="a_genre_dramedy" />
<label for="a_genre_dramedy">Dramedy
<span class="badge badge-aggregation">32</span>
</label></div>

<div>
<input type="checkbox" value="Vignettes" name="a[genre][]" id="a_genre_vignettes" />
<label for="a_genre_vignettes">Vignettes
<span class="badge badge-aggregation">31</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-genre" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-genre">
<div>
<input type="checkbox" value="Shakespeare" name="a[genre][]" id="a_genre_shakespeare" />
<label for="a_genre_shakespeare">Shakespeare
<span class="badge badge-aggregation">29</span>
</label></div>

<div>
<input type="checkbox" value="Movement-based" name="a[genre][]" id="a_genre_movement-based" />
<label for="a_genre_movement-based">Movement-based
<span class="badge badge-aggregation">20</span>
</label></div>

<div>
<input type="checkbox" value="Student Directors" name="a[genre][]" id="a_genre_student_directors" />
<label for="a_genre_student_directors">Student Directors
<span class="badge badge-aggregation">20</span>
</label></div>

<div>
<input type="checkbox" value="Character Study" name="a[genre][]" id="a_genre_character_study" />
<label for="a_genre_character_study">Character Study
<span class="badge badge-aggregation">19</span>
</label></div>

<div>
<input type="checkbox" value="Young Audiences" name="a[genre][]" id="a_genre_young_audiences" />
<label for="a_genre_young_audiences">Young Audiences
<span class="badge badge-aggregation">17</span>
</label></div>

<div>
<input type="checkbox" value="Holiday" name="a[genre][]" id="a_genre_holiday" />
<label for="a_genre_holiday">Holiday
<span class="badge badge-aggregation">15</span>
</label></div>

<div>
<input type="checkbox" value="Adventure" name="a[genre][]" id="a_genre_adventure" />
<label for="a_genre_adventure">Adventure
<span class="badge badge-aggregation">14</span>
</label></div>

<div>
<input type="checkbox" value="Issue-Based" name="a[genre][]" id="a_genre_issue-based" />
<label for="a_genre_issue-based">Issue-Based
<span class="badge badge-aggregation">13</span>
</label></div>

<div>
<input type="checkbox" value="Choral Work" name="a[genre][]" id="a_genre_choral_work" />
<label for="a_genre_choral_work">Choral Work
<span class="badge badge-aggregation">12</span>
</label></div>

<div>
<input type="checkbox" value="Shakespeare in an Hour" name="a[genre][]" id="a_genre_shakespeare_in_an_hour" />
<label for="a_genre_shakespeare_in_an_hour">Shakespeare in an Hour
<span class="badge badge-aggregation">9</span>
</label></div>

<div>
<input type="checkbox" value="Black Comedy" name="a[genre][]" id="a_genre_black_comedy" />
<label for="a_genre_black_comedy">Black Comedy
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="Mystery" name="a[genre][]" id="a_genre_mystery" />
<label for="a_genre_mystery">Mystery
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="Monologue-Friendly Plays" name="a[genre][]" id="a_genre_monologue-friendly_plays" />
<label for="a_genre_monologue-friendly_plays">Monologue-Friendly Plays
<span class="badge badge-aggregation">6</span>
</label></div>

<div>
<input type="checkbox" value="Backstage Comedy" name="a[genre][]" id="a_genre_backstage_comedy" />
<label for="a_genre_backstage_comedy">Backstage Comedy
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Experimental Form" name="a[genre][]" id="a_genre_experimental_form" />
<label for="a_genre_experimental_form">Experimental Form
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Melodrama" name="a[genre][]" id="a_genre_melodrama" />
<label for="a_genre_melodrama">Melodrama
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Musical" name="a[genre][]" id="a_genre_musical" />
<label for="a_genre_musical">Musical
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Reader&#39;s Theatre" name="a[genre][]" id="a_genre_readers_theatre" />
<label for="a_genre_readers_theatre">Reader&#39;s Theatre
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Commedia dell&#39;arte" name="a[genre][]" id="a_genre_commedia_dellarte" />
<label for="a_genre_commedia_dellarte">Commedia dell&#39;arte
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-genre" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Gender
</legend>
<div>
<input type="checkbox" value="Mostly Girls" name="a[gender][]" id="a_gender_mostly_girls" />
<label for="a_gender_mostly_girls">Mostly Girls
<span class="badge badge-aggregation">160</span>
</label></div>

<div>
<input type="checkbox" value="Mostly Boys" name="a[gender][]" id="a_gender_mostly_boys" />
<label for="a_gender_mostly_boys">Mostly Boys
<span class="badge badge-aggregation">113</span>
</label></div>

<div>
<input type="checkbox" value="Mostly Flexible" name="a[gender][]" id="a_gender_mostly_flexible" />
<label for="a_gender_mostly_flexible">Mostly Flexible
<span class="badge badge-aggregation">59</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Actor Experience Level
</legend>
<div>
<input type="checkbox" value="Moderate" name="a[actor_experience_level][]" id="a_actor_experience_level_moderate" />
<label for="a_actor_experience_level_moderate">Moderate
<span class="badge badge-aggregation">83</span>
</label></div>

<div>
<input type="checkbox" value="Minimal to Moderate" name="a[actor_experience_level][]" id="a_actor_experience_level_minimal_to_moderate" />
<label for="a_actor_experience_level_minimal_to_moderate">Minimal to Moderate
<span class="badge badge-aggregation">33</span>
</label></div>

<div>
<input type="checkbox" value="Moderate to Advanced" name="a[actor_experience_level][]" id="a_actor_experience_level_moderate_to_advanced" />
<label for="a_actor_experience_level_moderate_to_advanced">Moderate to Advanced
<span class="badge badge-aggregation">28</span>
</label></div>

<div>
<input type="checkbox" value="Minimal" name="a[actor_experience_level][]" id="a_actor_experience_level_minimal" />
<label for="a_actor_experience_level_minimal">Minimal
<span class="badge badge-aggregation">17</span>
</label></div>

<div>
<input type="checkbox" value="Advanced" name="a[actor_experience_level][]" id="a_actor_experience_level_advanced" />
<label for="a_actor_experience_level_advanced">Advanced
<span class="badge badge-aggregation">15</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Other Uses
</legend>
<div>
<input type="checkbox" value="Class work" name="a[other_uses][]" id="a_other_uses_class_work" />
<label for="a_other_uses_class_work">Class work
<span class="badge badge-aggregation">174</span>
</label></div>

<div>
<input type="checkbox" value="Scene work" name="a[other_uses][]" id="a_other_uses_scene_work" />
<label for="a_other_uses_scene_work">Scene work
<span class="badge badge-aggregation">147</span>
</label></div>

<div>
<input type="checkbox" value="Competition" name="a[other_uses][]" id="a_other_uses_competition" />
<label for="a_other_uses_competition">Competition
<span class="badge badge-aggregation">117</span>
</label></div>

<div>
<input type="checkbox" value="Audition material" name="a[other_uses][]" id="a_other_uses_audition_material" />
<label for="a_other_uses_audition_material">Audition material
<span class="badge badge-aggregation">100</span>
</label></div>

<div>
<input type="checkbox" value="Monologues" name="a[other_uses][]" id="a_other_uses_monologues" />
<label for="a_other_uses_monologues">Monologues
<span class="badge badge-aggregation">78</span>
</label></div>

</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Playwright
</legend>
<div>
<input type="checkbox" value="Price, Lindsay" name="a[playwright][]" id="a_playwright_price_lindsay" />
<label for="a_playwright_price_lindsay">Price, Lindsay
<span class="badge badge-aggregation">84</span>
</label></div>

<div>
<input type="checkbox" value="Harr, Jeffrey" name="a[playwright][]" id="a_playwright_harr_jeffrey" />
<label for="a_playwright_harr_jeffrey">Harr, Jeffrey
<span class="badge badge-aggregation">12</span>
</label></div>

<div>
<input type="checkbox" value="Merritt, Mrs. Evelyn" name="a[playwright][]" id="a_playwright_merritt_mrs__evelyn" />
<label for="a_playwright_merritt_mrs__evelyn">Merritt, Mrs. Evelyn
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Williams, Allison" name="a[playwright][]" id="a_playwright_williams_allison" />
<label for="a_playwright_williams_allison">Williams, Allison
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Stack, Steven" name="a[playwright][]" id="a_playwright_stack_steven" />
<label for="a_playwright_stack_steven">Stack, Steven
<span class="badge badge-aggregation">6</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-playwright" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-playwright">
<div>
<input type="checkbox" value="Baring, Treanor" name="a[playwright][]" id="a_playwright_baring_treanor" />
<label for="a_playwright_baring_treanor">Baring, Treanor
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Shimano, Kirk" name="a[playwright][]" id="a_playwright_shimano_kirk" />
<label for="a_playwright_shimano_kirk">Shimano, Kirk
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Walton, Bradley" name="a[playwright][]" id="a_playwright_walton_bradley" />
<label for="a_playwright_walton_bradley">Walton, Bradley
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Haehnel, Alan" name="a[playwright][]" id="a_playwright_haehnel_alan" />
<label for="a_playwright_haehnel_alan">Haehnel, Alan
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Hayward, Bradley" name="a[playwright][]" id="a_playwright_hayward_bradley" />
<label for="a_playwright_hayward_bradley">Hayward, Bradley
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Minigan, John" name="a[playwright][]" id="a_playwright_minigan_john" />
<label for="a_playwright_minigan_john">Minigan, John
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Murphy, Dara" name="a[playwright][]" id="a_playwright_murphy_dara" />
<label for="a_playwright_murphy_dara">Murphy, Dara
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Temple, Taryn" name="a[playwright][]" id="a_playwright_temple_taryn" />
<label for="a_playwright_temple_taryn">Temple, Taryn
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Espeland, Todd" name="a[playwright][]" id="a_playwright_espeland_todd" />
<label for="a_playwright_espeland_todd">Espeland, Todd
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Gauthier, Kristin" name="a[playwright][]" id="a_playwright_gauthier_kristin" />
<label for="a_playwright_gauthier_kristin">Gauthier, Kristin
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Kiley, Christian" name="a[playwright][]" id="a_playwright_kiley_christian" />
<label for="a_playwright_kiley_christian">Kiley, Christian
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Mason, Craig" name="a[playwright][]" id="a_playwright_mason_craig" />
<label for="a_playwright_mason_craig">Mason, Craig
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="O&#39;Shea, John Donald" name="a[playwright][]" id="a_playwright_oshea_john_donald" />
<label for="a_playwright_oshea_john_donald">O&#39;Shea, John Donald
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Cutalo, Amanda Murray" name="a[playwright][]" id="a_playwright_cutalo_amanda_murray" />
<label for="a_playwright_cutalo_amanda_murray">Cutalo, Amanda Murray
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Dean, Laramie" name="a[playwright][]" id="a_playwright_dean_laramie" />
<label for="a_playwright_dean_laramie">Dean, Laramie
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Snyder, Clint" name="a[playwright][]" id="a_playwright_snyder_clint" />
<label for="a_playwright_snyder_clint">Snyder, Clint
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Stiles, Chris" name="a[playwright][]" id="a_playwright_stiles_chris" />
<label for="a_playwright_stiles_chris">Stiles, Chris
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Webster, Matthew" name="a[playwright][]" id="a_playwright_webster_matthew" />
<label for="a_playwright_webster_matthew">Webster, Matthew
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Wehrli, Michael" name="a[playwright][]" id="a_playwright_wehrli_michael" />
<label for="a_playwright_wehrli_michael">Wehrli, Michael
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="White, Judith" name="a[playwright][]" id="a_playwright_white_judith" />
<label for="a_playwright_white_judith">White, Judith
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Barrie, Shirley" name="a[playwright][]" id="a_playwright_barrie_shirley" />
<label for="a_playwright_barrie_shirley">Barrie, Shirley
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Beardsley, Holly" name="a[playwright][]" id="a_playwright_beardsley_holly" />
<label for="a_playwright_beardsley_holly">Beardsley, Holly
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Bland, Rachel" name="a[playwright][]" id="a_playwright_bland_rachel" />
<label for="a_playwright_bland_rachel">Bland, Rachel
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Borowka, Brian" name="a[playwright][]" id="a_playwright_borowka_brian" />
<label for="a_playwright_borowka_brian">Borowka, Brian
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Calderone, Michael" name="a[playwright][]" id="a_playwright_calderone_michael" />
<label for="a_playwright_calderone_michael">Calderone, Michael
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Cataluna, Lee" name="a[playwright][]" id="a_playwright_cataluna_lee" />
<label for="a_playwright_cataluna_lee">Cataluna, Lee
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Derksen, Patrick" name="a[playwright][]" id="a_playwright_derksen_patrick" />
<label for="a_playwright_derksen_patrick">Derksen, Patrick
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Giessler, Scott" name="a[playwright][]" id="a_playwright_giessler_scott" />
<label for="a_playwright_giessler_scott">Giessler, Scott
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Hammers, Dave" name="a[playwright][]" id="a_playwright_hammers_dave" />
<label for="a_playwright_hammers_dave">Hammers, Dave
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Harris, Janice" name="a[playwright][]" id="a_playwright_harris_janice" />
<label for="a_playwright_harris_janice">Harris, Janice
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Kilpatrick, Kate" name="a[playwright][]" id="a_playwright_kilpatrick_kate" />
<label for="a_playwright_kilpatrick_kate">Kilpatrick, Kate
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Marshall, Lea" name="a[playwright][]" id="a_playwright_marshall_lea" />
<label for="a_playwright_marshall_lea">Marshall, Lea
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Preuss, Ken" name="a[playwright][]" id="a_playwright_preuss_ken" />
<label for="a_playwright_preuss_ken">Preuss, Ken
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Rodgers, Gary" name="a[playwright][]" id="a_playwright_rodgers_gary" />
<label for="a_playwright_rodgers_gary">Rodgers, Gary
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Wilkins, J. Robert" name="a[playwright][]" id="a_playwright_wilkins_j__robert" />
<label for="a_playwright_wilkins_j__robert">Wilkins, J. Robert
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Wolpé, Sholeh" name="a[playwright][]" id="a_playwright_wolpé_sholeh" />
<label for="a_playwright_wolpé_sholeh">Wolpé, Sholeh
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-playwright" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>

</template></turbo-stream><turbo-stream action="update" target="searchStats"><template><div class="mt-4 text-gray-600 text-center mb-2 text-sm">
<span class="pagy info">Displaying items 121-140 of 193 in total</span>
</div>

</template></turbo-stream><turbo-stream action="scroll_to" target="pageContent"><template></template></turbo-stream>
<turbo-stream action="show_div" target="results"><template></template></turbo-stream>
<turbo-stream action="hide_div" target="loading"><template></template></turbo-stream>
