<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_5">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="The Top Ten Playwriting Exercises" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDYsInB1ciI6ImJsb2JfaWQifX0=--b326f3b486eda1e320f13c6c450b3e06192992f3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Top-Ten-Playwriting-Exercises.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/the-top-ten-playwriting-exercises">The Top Ten Playwriting Exercises</a>
</h2>
<p class="text-muted -mt-2">by Lindsay Price</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The Top Ten Playwriting Exercises Course not only gives you ten great exercises to ease your students into the playwriting waters, it's also going to give you the confidence to teach playwriting to your students.

Each exercise comes with instruction, why the exercise is important, how to assess the exercise and something specific for you to try.

Many of the modules include assignments and rubrics so you will be fully prepared to comprehend, apply and teach every these exercises.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about The Top Ten Playwriting Exercises</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about The Top Ten Playwriting Exercises</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/playwriting"># playwriting</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_6">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Strong Ensemble = Strong Play" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDcsInB1ciI6ImJsb2JfaWQifX0=--4f0772e5f370a45d5e55d393024b809600bcfef9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Strong-Ensemble.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/strong-ensemble-strong-play">Strong Ensemble = Strong Play</a>
</h2>
<p class="text-muted -mt-2">by Craig Mason</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This mini-course will give you a toolkit to bring your shows to the next level by having an engaged, active, ensemble.

The ensemble is a critical part of a large cast show. But you can't leave them to fend for themselves. They need structure. They need exercises and activities.

In Strong Ensemble = Strong Play, you'll be given ensemble-building exercises. You'll also discover specific activities that will help your ensemble become three-dimensional characters who have something to do and something to play in every moment they are on stage.

We'll look at case studies that take the exercises learned in the course and apply them to specific shows.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Strong Ensemble = Strong Play</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Strong Ensemble = Strong Play</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/ensemble"># ensemble</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/character-development"># character development</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/acting"># acting</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_7">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Big Picture Blocking: Staging Your Play Outside-In" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDgsInB1ciI6ImJsb2JfaWQifX0=--18f6624c8a97dc944c16ffa44752398a29f61487/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Big-Picture-Blocking.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/big-picture-blocking-staging-your-play-outside-in">Big Picture Blocking: Staging Your Play Outside-In</a>
</h2>
<p class="text-muted -mt-2">by Todd Espeland</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Working in educational theatre I know how easy it is to get bogged down in actor coaching and away from the bigger picture storytelling when directing a show. I saw a need for a method of text analysis and physical staging tools that help the director stay focused on the bigger picture of telling the story of the play.

This class is in two parts: The first consists of the text analysis tools P.A.S.T.O and Major Dramatic Question. From these tools you will brainstorm keywords to define your vision of the story.

In the second part of the class you will focus on taking the information generated in the text analysis and crafting the ideas into vibrant physical pictures through an exercise called Starburst.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Big Picture Blocking: Staging Your Play Outside-In</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Big Picture Blocking: Staging Your Play Outside-In</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/analysis"># analysis</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_8">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDksInB1ciI6ImJsb2JfaWQifX0=--cf6f65e55156f9c51a6bbdb73febee61d0c0dea5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Mission-Possible.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/mission-possible-creating-a-mission-and-unified-vision-for-your-theatre-program">Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program</a>
</h2>
<p class="text-muted -mt-2">by Amy Patel</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Whether you're in a new school or have an existing program, you can use a Mission Statement to define your program, unify your students and let everyone know from administration, to parents, to the community why you do theatre, what you do and how you do it.  Learn how to create this powerful and vital statement with your students. Mission Possible takes you through step by step from asking the right questions, to looking at your school culture and traditions, to writing and revising, to shouting your statement from the rooftops.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program</span>
</a></div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_9">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Working With Monologues For Rehearsal And Development" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTAsInB1ciI6ImJsb2JfaWQifX0=--2de7c7e8ffcc747f06b4a1b55abb474b047e1088/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Working-with-Monologues.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/working-with-monologues-for-rehearsal-and-development">Working With Monologues For Rehearsal And Development</a>
</h2>
<p class="text-muted -mt-2">by Gai Jones</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
In "Working With Monologues For Rehearsal And Development" you will develop ten sessions of study on monologues. The study contains the definition and history of the monologue; monologue vocabulary; analysis of a practice monologue, staging a short monologue; working with musical theatre lyrics as a monologue; writing short autobiographical monologues.

At the end of this course, you will have a curriculum which can be used as introduction to monologue work.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Working With Monologues For Rehearsal And Development</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Working With Monologues For Rehearsal And Development</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/monologue"># monologue</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_10">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="The Do-it-All Director&#39;s Introduction to Costuming" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTEsInB1ciI6ImJsb2JfaWQifX0=--fbfefa3c5ea8659d16a25c708e70ba34cf114705/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Costuming.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/the-do-it-all-director-s-introduction-to-costuming">The Do-it-All Director&#39;s Introduction to Costuming</a>
</h2>
<p class="text-muted -mt-2">by Holly Beardsley</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Do you know the difference between a bustle and a buckram frame? Or what works best as an emergency hem? Some directors are blessed with a big budget and a full support staff—a choreographer, a set designer, and a costumer. But the drama teacher often becomes director, choreographer, set designer, and costumer all in one. 

And a budget? What’s a budget? The Do-It-All Director’s Introduction to Costuming will give you, the director, who must do it all, the confidence and skills to costume and direct, no matter your experience or budget. This course will teach you costuming basics, budget tricks, organization, and most importantly, the art of costuming as a director.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Costuming</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Costuming</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/costuming"># costuming</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/directing"># directing</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_11">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Copyright for Drama Teachers" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTIsInB1ciI6ImJsb2JfaWQifX0=--d4f6dc3634203bbb722779425842874280eedde4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Copyright-for-Drama-Teachers.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/copyright-for-drama-teachers">Copyright for Drama Teachers</a>
</h2>
<p class="text-muted -mt-2">by Craig Mason</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
An in-depth and interactive look at copyright as it applies to school theatre programs. Learn about how works become copyrighted, how long it lasts, how to get permission to use copyrighted work, and more.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Copyright for Drama Teachers</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Copyright for Drama Teachers</span>
</a></div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_12">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Laban: Advanced Characterization" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTMsInB1ciI6ImJsb2JfaWQifX0=--3895a2883cd97deeab65607631898b6fb1617cf1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Laban-Advanced-Characterization.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/laban-advanced-characterization">Laban: Advanced Characterization</a>
</h2>
<p class="text-muted -mt-2">by Todd Espeland</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Learn about the Laban system to teach your students to physically and vocally discover character. This is an advanced course, which means that the course goes deep into exploring character and exploring character work through the work of Rudolph Laban.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Laban: Advanced Characterization</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Laban: Advanced Characterization</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/character-development"># character development</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_13">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTQsInB1ciI6ImJsb2JfaWQifX0=--6bb78cce820ad2ddabf97f7f256ddd8b9838d196/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Serious-Play.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/serious-play-theatre-games-and-warmups-for-rehearsal-and-ensemble-building">Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building</a>
</h2>
<p class="text-muted -mt-2">by Todd Espeland</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
In this class, Serious Play, the instructor will lead you through a series of games in risk, movement, focus, and voice. You will get access to a series of all inclusive games that you can string together to make one giant game that is great to use in rehearsal. You will learn how and when to use these games. 

You'll get ideas on how to craft your own warm-up lesson plan; and, most importantly, you'll learn about about a pre-class warm-up that you can do on your own so that you can get yourself into that third stage of the creative brain, so that you can begin trying out interesting, creative, and risky choices for yourself in your classes and in rehearsals.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/games"># games</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/warm-ups"># warm-ups</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/rehearsal"># rehearsal</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_15">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Close Reading in the Drama Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTYsInB1ciI6ImJsb2JfaWQifX0=--d56e5f0daa7c40d071580fe06c9947353b505a49/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Close-Reading.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/close-reading-in-the-drama-classroom">Close Reading in the Drama Classroom</a>
</h2>
<p class="text-muted -mt-2">by Lindsay Price</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Close reading is an activity that puts curriculum standards into practice and it can be easily applied to the drama classroom. 

Close reading asks a lot of your students. They have to read and think at the same time. 

This course teaches drama teachers how the close reading process works, and gives them exercises and tools to apply it in the classroom.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Close Reading in the Drama Classroom</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Close Reading in the Drama Classroom</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/close-reading"># close reading</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/analysis"># analysis</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_16">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Concept-Based Design for the Theatre Teacher" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTcsInB1ciI6ImJsb2JfaWQifX0=--e551d4580b5208d90159c167b64e6209f7e6a3b6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Concept-Based-Design.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/concept-based-design-for-the-theatre-teacher">Concept-Based Design for the Theatre Teacher</a>
</h2>
<p class="text-muted -mt-2">by Matt Webster</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Concept-Based Design is a method of design that allows the director and production team to create a unified world based on the ideas, perceptions and images extracted from an in-depth analysis of the play. Matt Webster designed this course for theatre teachers in a typical school setting with limited budgets, space and materials to use towards the design of their shows. Many theatre teachers feel most unsure about their design and tech skills and Matt wanted to help those teachers look at design differently, and make designing a show a little less scary and a little more fun!
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Concept-Based Design for the Theatre Teacher</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Concept-Based Design for the Theatre Teacher</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/production"># production</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/directing"># directing</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/set-design"># set design</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_17">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Introduction to Stage Management Part One" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTgsInB1ciI6ImJsb2JfaWQifX0=--f6b6d976c35ee20a21b2604fb54c3dc9f8d9789b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction-to-Stage-Management.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/introduction-to-stage-management-part-one">Introduction to Stage Management Part One</a>
</h2>
<p class="text-muted -mt-2">by Karen Loftus</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
In this course, instructor Karen Loftus explores the responsibilities of a stage manager. You'll learn exercises that will help you demonstrate those responsibilities and the necessary skills of a stage manager to your students. You'll learn how to train your students to serve as stage managers for your school’s productions.

The course takes you through what a stage manager does prior to rehearsal and throughout the rehearsal and performance process to have a smooth-running backstage. It includes learning about the paperwork required, including prompt scripts, rehearsal preparations, notating blocking, and a stage manager’s kit and checklist to wrap it all together.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Introduction to Stage Management Part One</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Introduction to Stage Management Part One</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/directing"># directing</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/rehearsal"># rehearsal</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/production"># production</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/stage-management"># stage management</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_18">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Yes, And... How to Teach Improv" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTksInB1ciI6ImJsb2JfaWQifX0=--36711edd1a3b1e3a5305e1a9db6ec30813cef6a9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Yes-And.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/yes-and-how-to-teach-improv">Yes, And... How to Teach Improv</a>
</h2>
<p class="text-muted -mt-2">by Jennine Profeta</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
“Yes, and…” is the guiding principle behind all improv. This course will teach you how to teach improv, and more importantly how to give feedback to your students.  The course looks at making strong offers and also using gibberish to ironically improv communication skills. You will also see how feelings can safely be used to add flavour and get laughs in our scenes.

Jennine Profeta, Second City performer and theatre educator, leads this course with a clear methodology for teaching and giving positive nurturing feedback.  This course will give you all the tools and the insight you need to teach improv with confidence.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Yes, And... How to Teach Improv</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Yes, And... How to Teach Improv</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/improv"># improv</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/acting"># acting</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_19">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Google Drive in the Drama Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjAsInB1ciI6ImJsb2JfaWQifX0=--c158e472de8b950e461a234a9cd5dd7746866d01/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Google-Drive-in-the-Drama-Classroom.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/google-drive-in-the-drama-classroom">Google Drive in the Drama Classroom</a>
</h2>
<p class="text-muted -mt-2">by Josh Hatt</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Instructor Joshua Hatt has taught drama students all over the world. He is passionate about the power of drama to connect people and the importance of reflection and journaling to build creative, critical thinkers. 

He started using Google Drive as a response to the frustration of having his students lose curriculum booklets time and time again. His work developed into a powerful online home whereby students and teachers can communicate, contribute, collaborate, edit, and house all their documents online. 

In this course, Josh will show you how to use Google Drive and Slides in your drama classroom. He's included step-by-step guided instruction, as well as activities to help you solidify your knowledge. Your drama classroom will be forever transformed!
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Google Drive in the Drama Classroom</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Google Drive in the Drama Classroom</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/reflection"># reflection</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_20">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="The Do-it-All Director&#39;s Introduction to Set Design" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjEsInB1ciI6ImJsb2JfaWQifX0=--d046170b66b51930715b64eed78270fb919a4e03/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Do-it-All-Set-Design.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/the-do-it-all-director-s-introduction-to-set-design">The Do-it-All Director&#39;s Introduction to Set Design</a>
</h2>
<p class="text-muted -mt-2">by Holly Beardsley</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Holly Beardsley is a do-it-all director. She started directing middle and high school students in her early college years and since then has written over ten shows and directed twice as many.

Do-it-all directors are responsible for everything it seems – the direction, the costuming, the choreography and of course, the set too. And though directors are ready to direct, to costume and even dance, there is something intimidating about designing and building a set.

The Do-it-All Director’s Introduction to Set Design will give you the director, who must do-it-all, the confidence and skills to not only direct but build your own set as well - no matter your experience or budget. This course will teach you set design basics, construction tips, budget tricks, and how to tackle your precious performance space armed with a hammer, and most importantly, without fear.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Set Design</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Set Design</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/set-design"># set design</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/props"># props</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/production"># production</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/directing"># directing</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_21">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Commedia I: Playing Comedy" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjIsInB1ciI6ImJsb2JfaWQifX0=--8e639dd55894af4ede7ff4575960784158637e4e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Commedia-One.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/commedia-i-playing-comedy">Commedia I: Playing Comedy</a>
</h2>
<p class="text-muted -mt-2">by Todd Espeland</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Commedia dell’arte is a 16th Century masked acting form. It’s the basis of all comedy and it’s a form that many teachers want to include in their curriculum. 

Instructor Todd Espeland has designed two courses that work hand-in-hand with teaching this fantastic physical form.

In Commedia I: Playing Comedy - Todd teaches the principles of comedy through four key elements: status, appetite, swing, and intention/invention. This course provides an excellent foundation upon which to explore Commedia to its fullest. Includes bonus videos, handouts, reflections, and exit slip question ideas for each lesson.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Commedia I: Playing Comedy</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Commedia I: Playing Comedy</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/commedia"># commedia</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/acting"># acting</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_22">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Commedia II: Style" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjMsInB1ciI6ImJsb2JfaWQifX0=--554613bf4bc03c1fc59e4e823d314a0f3936c3cd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Commedia-Two.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/commedia-ii-style">Commedia II: Style</a>
</h2>
<p class="text-muted -mt-2">by Todd Espeland</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Commedia dell’arte is a 16th Century masked acting form. It’s the basis of all comedy and it’s a form that many teachers want to include in their curriculum.

Instructor Todd Espeland has designed two courses that work hand-in-hand with teaching this fantastic physical form.

In Commedia II: Style - Todd moves on to the specific style of Commedia dell’arte. This includes a history of commedia, the stock characters and how to physicalize them, sample lazzi and a capstone assignment. The course includes video demonstrations so you can see the exercises and activities in action.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Commedia II: Style</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Commedia II: Style</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/commedia"># commedia</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/acting"># acting</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_23">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Creating the Ensemble-Based Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjQsInB1ciI6ImJsb2JfaWQifX0=--7cfc56d03457c1eab32e44083cef86de35720aba/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Creating-the-Ensemble-Based-Classroom.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/creating-the-ensemble-based-classroom">Creating the Ensemble-Based Classroom</a>
</h2>
<p class="text-muted -mt-2">by Gai Jones</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Gai Jones will help you establish an ensemble-based environment from the first day of class or rehearsal.

Learn how to set up your ensemble-based classroom from day one, get students to set classroom norms, and find the balance between creative activity and structure. You’ll learn how to give your students creative freedom through structure and classroom management. The cornerstone of this course are the detailed ensemble experiences from large group to small group and even individual experiences.

This course culminates in a devising model that you can use with your students, and takes you through process, product, performance and an evaluation.

You too can create the ensemble-based classroom.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Creating the Ensemble-Based Classroom</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Creating the Ensemble-Based Classroom</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/ensemble"># ensemble</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/devising"># devising</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_25">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Introduction to Stage Management Part Two" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjYsInB1ciI6ImJsb2JfaWQifX0=--a7b807c0a9af89c71727672c9abe8bfc037f9ab7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction_to_Stage_Management_2.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/introduction-to-stage-management-part-two">Introduction to Stage Management Part Two</a>
</h2>
<p class="text-muted -mt-2">by Karen Loftus</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Karen Loftus instructs this second course in stage management - a companion to Introduction to Stage Management Part One. 

This course will review the major concepts covered in Introduction to Stage Management, and discuss the different types of technical rehearsals and how student stage managers prepare for and run them. You’ll learn how to teach your students to notate and call cues for a show. The course will also introduce strategies for student stage managers who work with student crews. It will discuss how you can provide the support your student stage managers need to be effective, and how that support helps to strengthen your overall program and theatre community.

Student stage managers start in the classroom, train during school productions, and can take these newly discovered and acquired skills on with them to colleges and careers and theatre (and beyond)!
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Introduction to Stage Management Part Two</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Introduction to Stage Management Part Two</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/stage-management"># stage management</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/production"># production</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/directing"># directing</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>

<div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_26">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="Basic Lighting for Drama Teachers" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjcsInB1ciI6ImJsb2JfaWQifX0=--32859932e9f7375b36f69012d917feb92222fd04/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/basic_lighting.png" />
</div>
<div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4">
<a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" href="/dta_courses/basic-lighting-for-drama-teachers">Basic Lighting for Drama Teachers</a>
</h2>
<p class="text-muted -mt-2">by Claire Broome</p>
<div class="mb-4" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Join drama teacher Claire Broome and explore the basics of lighting, including lighting systems and instruments, lighting plots, how to record a lighting cue, and alternative sources of lighting. You’ll learn some practical, hands-on ways of using lighting in your classroom or theatre, whether you have a lighting system or not.

This course is packed with hands-on examples, activities for your students, and videos to develop your students’ understanding. Find out why lighting is such an important character in a production.
</div>
<a class="hidden text-sm font-semibold" data-read-more-target="more" data-action="click-&gt;read-more#readMore:prevent:stop" href="#">Read More
<span class="sr-only">about Basic Lighting for Drama Teachers</span>
</a><a class="hidden text-sm font-semibold" data-read-more-target="less" data-action="click-&gt;read-more#readLess:prevent:stop" href="#">Read Less
<span class="sr-only">about Basic Lighting for Drama Teachers</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/lighting"># lighting</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/technical-theatre"># technical theatre</a>
</div>
</div>
<div class="bg-sky-100 p-4 @3xl:w-60 flex-none text-center">
<div class="space-y-4">
<a class="btn btn-light" data-turbo-frame="_top" href="/dta/join"><i class="fa-solid fa-check"></i>
Join now for instant access
</a><div class="block">

</div>
</div>
</div>
</div>
</div>


<div class="my-4">
<nav class="pagy series-nav" aria-label="Pages"><a role="link" aria-disabled="true" aria-label="Previous">&lt;</a><a role="link" aria-disabled="true" aria-current="page">1</a><a href="/dta_courses?page=2" data-turbo-stream rel="next">2</a><a href="/dta_courses?page=3" data-turbo-stream>3</a><a href="/dta_courses?page=4" data-turbo-stream>4</a><a href="/dta_courses?page=2" 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">
Tag Name
</legend>
<div>
<input type="checkbox" value="production" name="a[tag_name][]" id="a_tag_name_production" />
<label for="a_tag_name_production">production
<span class="badge badge-aggregation">11</span>
</label></div>

<div>
<input type="checkbox" value="directing" name="a[tag_name][]" id="a_tag_name_directing" />
<label for="a_tag_name_directing">directing
<span class="badge badge-aggregation">9</span>
</label></div>

<div>
<input type="checkbox" value="acting" name="a[tag_name][]" id="a_tag_name_acting" />
<label for="a_tag_name_acting">acting
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="playwriting" name="a[tag_name][]" id="a_tag_name_playwriting" />
<label for="a_tag_name_playwriting">playwriting
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="social emotional learning" name="a[tag_name][]" id="a_tag_name_social_emotional_learning" />
<label for="a_tag_name_social_emotional_learning">social emotional learning
<span class="badge badge-aggregation">7</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<a class="" data-action="toggle#toggle" href="#">Show More</a>
</div>
<div class="hidden" data-toggle-target="toShow">
<div>
<input type="checkbox" value="technical theatre" name="a[tag_name][]" id="a_tag_name_technical_theatre" />
<label for="a_tag_name_technical_theatre">technical theatre
<span class="badge badge-aggregation">6</span>
</label></div>

<div>
<input type="checkbox" value="classroom management" name="a[tag_name][]" id="a_tag_name_classroom_management" />
<label for="a_tag_name_classroom_management">classroom management
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="makeup" name="a[tag_name][]" id="a_tag_name_makeup" />
<label for="a_tag_name_makeup">makeup
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="rehearsal" name="a[tag_name][]" id="a_tag_name_rehearsal" />
<label for="a_tag_name_rehearsal">rehearsal
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Shakespeare" name="a[tag_name][]" id="a_tag_name_shakespeare" />
<label for="a_tag_name_shakespeare">Shakespeare
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="analysis" name="a[tag_name][]" id="a_tag_name_analysis" />
<label for="a_tag_name_analysis">analysis
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="character development" name="a[tag_name][]" id="a_tag_name_character_development" />
<label for="a_tag_name_character_development">character development
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="ensemble" name="a[tag_name][]" id="a_tag_name_ensemble" />
<label for="a_tag_name_ensemble">ensemble
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="games" name="a[tag_name][]" id="a_tag_name_games" />
<label for="a_tag_name_games">games
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="improv" name="a[tag_name][]" id="a_tag_name_improv" />
<label for="a_tag_name_improv">improv
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="popular" name="a[tag_name][]" id="a_tag_name_popular" />
<label for="a_tag_name_popular">popular
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="commedia" name="a[tag_name][]" id="a_tag_name_commedia" />
<label for="a_tag_name_commedia">commedia
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="devising" name="a[tag_name][]" id="a_tag_name_devising" />
<label for="a_tag_name_devising">devising
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="screenplays" name="a[tag_name][]" id="a_tag_name_screenplays" />
<label for="a_tag_name_screenplays">screenplays
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="set design" name="a[tag_name][]" id="a_tag_name_set_design" />
<label for="a_tag_name_set_design">set design
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="stage management" name="a[tag_name][]" id="a_tag_name_stage_management" />
<label for="a_tag_name_stage_management">stage management
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="theatre history" name="a[tag_name][]" id="a_tag_name_theatre_history" />
<label for="a_tag_name_theatre_history">theatre history
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="LGBTQ+" name="a[tag_name][]" id="a_tag_name_lgbtq" />
<label for="a_tag_name_lgbtq">LGBTQ+
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="assessment" name="a[tag_name][]" id="a_tag_name_assessment" />
<label for="a_tag_name_assessment">assessment
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="audition" name="a[tag_name][]" id="a_tag_name_audition" />
<label for="a_tag_name_audition">audition
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="bipoc" name="a[tag_name][]" id="a_tag_name_bipoc" />
<label for="a_tag_name_bipoc">bipoc
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="close reading" name="a[tag_name][]" id="a_tag_name_close_reading" />
<label for="a_tag_name_close_reading">close reading
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="costuming" name="a[tag_name][]" id="a_tag_name_costuming" />
<label for="a_tag_name_costuming">costuming
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="etiquette" name="a[tag_name][]" id="a_tag_name_etiquette" />
<label for="a_tag_name_etiquette">etiquette
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="group activities" name="a[tag_name][]" id="a_tag_name_group_activities" />
<label for="a_tag_name_group_activities">group activities
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="indigenous" name="a[tag_name][]" id="a_tag_name_indigenous" />
<label for="a_tag_name_indigenous">indigenous
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="lighting" name="a[tag_name][]" id="a_tag_name_lighting" />
<label for="a_tag_name_lighting">lighting
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="mask" name="a[tag_name][]" id="a_tag_name_mask" />
<label for="a_tag_name_mask">mask
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="monologue" name="a[tag_name][]" id="a_tag_name_monologue" />
<label for="a_tag_name_monologue">monologue
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="musical theatre" name="a[tag_name][]" id="a_tag_name_musical_theatre" />
<label for="a_tag_name_musical_theatre">musical theatre
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="props" name="a[tag_name][]" id="a_tag_name_props" />
<label for="a_tag_name_props">props
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="reflection" name="a[tag_name][]" id="a_tag_name_reflection" />
<label for="a_tag_name_reflection">reflection
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="rubric" name="a[tag_name][]" id="a_tag_name_rubric" />
<label for="a_tag_name_rubric">rubric
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="voice" name="a[tag_name][]" id="a_tag_name_voice" />
<label for="a_tag_name_voice">voice
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="warm-ups" name="a[tag_name][]" id="a_tag_name_warm-ups" />
<label for="a_tag_name_warm-ups">warm-ups
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<a class="" data-action="toggle#toggle" href="#">Show Fewer</a>
</div>
</div>
</div>
</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Instructor
</legend>
<div>
<input type="checkbox" value="Matt Webster" name="a[author][]" id="a_author_matt_webster" />
<label for="a_author_matt_webster">Matt Webster
<span class="badge badge-aggregation">10</span>
</label></div>

<div>
<input type="checkbox" value="Todd Espeland" name="a[author][]" id="a_author_todd_espeland" />
<label for="a_author_todd_espeland">Todd Espeland
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Steven Stack" name="a[author][]" id="a_author_steven_stack" />
<label for="a_author_steven_stack">Steven Stack
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Claire Broome" name="a[author][]" id="a_author_claire_broome" />
<label for="a_author_claire_broome">Claire Broome
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Gai Jones" name="a[author][]" id="a_author_gai_jones" />
<label for="a_author_gai_jones">Gai Jones
<span class="badge badge-aggregation">4</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<a class="" data-action="toggle#toggle" href="#">Show More</a>
</div>
<div class="hidden" data-toggle-target="toShow">
<div>
<input type="checkbox" value="Lindsay Price" name="a[author][]" id="a_author_lindsay_price" />
<label for="a_author_lindsay_price">Lindsay Price
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="James Van Leishout" name="a[author][]" id="a_author_james_van_leishout" />
<label for="a_author_james_van_leishout">James Van Leishout
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Jennine Profeta" name="a[author][]" id="a_author_jennine_profeta" />
<label for="a_author_jennine_profeta">Jennine Profeta
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Karen Loftus" name="a[author][]" id="a_author_karen_loftus" />
<label for="a_author_karen_loftus">Karen Loftus
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Maria Smith" name="a[author][]" id="a_author_maria_smith" />
<label for="a_author_maria_smith">Maria Smith
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Nicholas Pappas" name="a[author][]" id="a_author_nicholas_pappas" />
<label for="a_author_nicholas_pappas">Nicholas Pappas
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Allison Williams" name="a[author][]" id="a_author_allison_williams" />
<label for="a_author_allison_williams">Allison Williams
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Annie Dragoo" name="a[author][]" id="a_author_annie_dragoo" />
<label for="a_author_annie_dragoo">Annie Dragoo
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Craig Mason" name="a[author][]" id="a_author_craig_mason" />
<label for="a_author_craig_mason">Craig Mason
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Holly Beardsley" name="a[author][]" id="a_author_holly_beardsley" />
<label for="a_author_holly_beardsley">Holly Beardsley
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Josh Hatt" name="a[author][]" id="a_author_josh_hatt" />
<label for="a_author_josh_hatt">Josh Hatt
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Julie Hartley" name="a[author][]" id="a_author_julie_hartley" />
<label for="a_author_julie_hartley">Julie Hartley
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Wendy-Marie Martin" name="a[author][]" id="a_author_wendy-marie_martin" />
<label for="a_author_wendy-marie_martin">Wendy-Marie Martin
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value=" c.j  Bell" name="a[author][]" id="a_author__c_j__bell" />
<label for="a_author__c_j__bell"> c.j  Bell
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Allison Green" name="a[author][]" id="a_author_allison_green" />
<label for="a_author_allison_green">Allison Green
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Amy Patel" name="a[author][]" id="a_author_amy_patel" />
<label for="a_author_amy_patel">Amy Patel
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Anna Porter" name="a[author][]" id="a_author_anna_porter" />
<label for="a_author_anna_porter">Anna Porter
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Christa Vogt" name="a[author][]" id="a_author_christa_vogt" />
<label for="a_author_christa_vogt">Christa Vogt
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Colin Oliver" name="a[author][]" id="a_author_colin_oliver" />
<label for="a_author_colin_oliver">Colin Oliver
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Elisabeth Oppelt" name="a[author][]" id="a_author_elisabeth_oppelt" />
<label for="a_author_elisabeth_oppelt">Elisabeth Oppelt
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Erin Carr" name="a[author][]" id="a_author_erin_carr" />
<label for="a_author_erin_carr">Erin Carr
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Kerry Hishon" name="a[author][]" id="a_author_kerry_hishon" />
<label for="a_author_kerry_hishon">Kerry Hishon
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Linda  Veneris" name="a[author][]" id="a_author_linda__veneris" />
<label for="a_author_linda__veneris">Linda  Veneris
<span class="badge badge-aggregation">1</span>
</label></div>

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

<div>
<input type="checkbox" value="Ray Palasz" name="a[author][]" id="a_author_ray_palasz" />
<label for="a_author_ray_palasz">Ray Palasz
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<a class="" data-action="toggle#toggle" href="#">Show Fewer</a>
</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 1-20 of 75 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>
