<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_27">
<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="Theatre Etiquette 101" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjgsInB1ciI6ImJsb2JfaWQifX0=--548dc5a4f98db1516748c373e68b25263e56cb79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Theatre_Etiquette_101.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/theatre-etiquette-101">Theatre Etiquette 101</a>
</h2>
<p class="text-muted -mt-2">by Kerry Hishon</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 Kerry Hishon is an actor, director, writer, and stage combatant with years of experience in youth theatre. Her course, Theatre Etiquette 101, is designed to help students be successful in their theatrical journeys.

When teaching students who are brand new to theatre, it’s important to discuss and apply the expectations of the drama classroom and the theatrical world.
This course starts by explaining "what is theatre etiquette", and then moves through every step in the production process from audition to post-show recovery. 

Every module has tips for both you and your students, classroom exercises, rehearsal exercises, and reflections. There are also printable posters included to use in your classroom or backstage.
</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 Theatre Etiquette 101</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 Theatre Etiquette 101</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/etiquette"># etiquette</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/acting"># acting</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/production"># production</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_28">
<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="Using SketchUp in the Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjksInB1ciI6ImJsb2JfaWQifX0=--fe7d3390981a2a0adf154962a7cdbdbe6516a1a2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Sketchup.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/using-sketchup-in-the-classroom">Using SketchUp in the Classroom</a>
</h2>
<p class="text-muted -mt-2">by Ray Palasz</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 Ray Palasz leads this introductory course in using SketchUp in the classroom.  

This course is broken down into five easy modules. One, downloading the program. Two, getting started with using the program. Three, drawing two and three-dimensional objects. Four, using the 3D warehouse, which will save you and your students tons of time. And five, a sample assignment and assessment for your students.

Each module also comes with a handout with visuals from SketchUp to guide you through the process. You will learn how SketchUp can add so much to your program.
</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 Using SketchUp in the 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 Using SketchUp in the Classroom</span>
</a></div>
<div class="space-x-2">
<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="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_29">
<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 Production Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzAsInB1ciI6ImJsb2JfaWQifX0=--92c74bbba158d00280ecc1bc3c34c973e9cd833e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The_Production_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/the-production-classroom">The Production Classroom</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 The Production Classroom, instructor Karen Loftus will show you how to explore ways that you can produce shows during your regular class time. The course gives you a series of exercises and reflections that help you determine everything, from the type of show you may want to do, to the way you can divide up your class and responsibilities, to specific assignments that will keep your students engaged and focused.

The Production Classroom is the ultimate in project-based learning. Students learn to work collaboratively while setting goals and working towards a successful finished project.  The course includes exercises and strategies to use with students to help assure their success in the production. Multiple examples and anecdotes help you to envision what the production classroom could look like in your room, performance space or theatre.
</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 Production 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 The Production Classroom</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>
</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_31">
<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 Makeup" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzIsInB1ciI6ImJsb2JfaWQifX0=--4959603d76702f8422d9e3267a5989a80fa6e184/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction-to-Stage-Makeup.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-makeup">Introduction to Stage Makeup</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">
This introductory course in Stage Makeup is brought to you by Matt Webster, and covers all the basics. You’ll learn the tools you can use to build a makeup kit, how to match skin tone, what are the shapes of the face and how those shapes affect everything you do with makeup.

You’ll learn about highlight and shadow, blending, basic corrective makeup, safety and hygiene, and lastly, tips for teaching makeup. And throughout, sample exercises are included so you have the information you need to bring stage makeup into the drama 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 Introduction to Stage Makeup</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 Makeup</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/makeup"># makeup</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="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_32">
<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="21st Century Skills Through Devising" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzMsInB1ciI6ImJsb2JfaWQifX0=--e4c330b298ce6c9952ecc7777958fa84ada009e3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/21st_Century_Skills_Through_Devising.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/21st-century-skills-through-devising">21st Century Skills Through Devising</a>
</h2>
<p class="text-muted -mt-2">by Allison Williams</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">
Allison Williams leads the course: <em>21st Century Skills Through Devising</em>. This course covers what devising is, why to do it, how to do it, and how your students can master the 21st Century Skills of collaborations and cooperation, critical thinking, creative thinking through devising. 

High school is a great place to try devising with your students. But it’s not something you want to throw at your students without any preparation. Framework is important and this course takes you through a number of exercises you can take into the classroom tomorrow to help build a place of physical safety, a place where students work at making a lot of choices instead of waiting for the perfect choice, and a place where students feel comfortable making creative choices. The material also reviews the process of putting together a show from the idea/research stage to editing, to giving feedback. 

Your students have what it takes to create their own material, collaborate with each other, and have a unique theatrical experience!
</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 21st Century Skills Through Devising</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 21st Century Skills Through Devising</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/devising"># devising</a>
<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_33">
<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="Teaching Musical Theatre 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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzQsInB1ciI6ImJsb2JfaWQifX0=--9fc6abde8dae4f950cd7b0a4e965669f8e596cfd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Teaching_Musical_Theatre_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/teaching-musical-theatre-in-the-drama-classroom">Teaching Musical Theatre in the Drama Classroom</a>
</h2>
<p class="text-muted -mt-2">by Colin Oliver</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">
Colin Oliver leads this introduction to teaching Musical Theatre in the Drama Classroom.

In this course, you will learn how to build musical theatre into your dramatic courses of study. “Why might you want to do that? Singing is scary! You want me to teach my students how to do it? I don’t even know how to do it.” This course approaches musical theatre preparation performance much as we would approach preparing a monologue in drama. If you use script analysis in monologue preparation in your class, you can teach musical theatre.

By the end of this course, you’ll have a great, full-body physical warm-up, a student-driven research assignment, character development exercises, a little bit of musical theory, and a performance assignment complete with assessment.

So, join us for teaching Musical Theatre in the Drama Classroom. It’s as easy as Do-Re-Mi!
</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 Teaching Musical Theatre 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 Teaching Musical Theatre 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/musical-theatre"># musical 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="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_34">
<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="Shakespeare&#39;s Toolkit" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzUsInB1ciI6ImJsb2JfaWQifX0=--6142ce57d5d603607b497d361feb28f606afef8a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Shakespeare&#39;s_Toolkit_(1).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/shakespeare-s-toolkit">Shakespeare&#39;s Toolkit</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">
Todd Espeland has the experience to know that having more tools in your toolbox makes you a better actor. This is especially important when teaching students how to approach Shakespeare. They need help breaking through the language barrier and into the character’s needs and into the character’s thoughts.

The tools that you’ll receive in this course will do just that. The course looks at scansion as a tool for breaking down Shakespeare’s verse, the importance of end of lines, and caesura. Caesura is an inner-line pause which is a lot of fun to play with and really, helps us provide insight to the character’s thoughts and into their needs.

The course provides numerous examples and handouts, and culminates in a performance assignment to use with your students.
</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 Shakespeare&#39;s Toolkit</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 Shakespeare&#39;s Toolkit</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/shakespeare-d6b7f55d-431b-4762-86b8-32445dd21846"># Shakespeare</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_35">
<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="Teaching Theatre with Divergent Students and Class Sizes in Mind" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzYsInB1ciI6ImJsb2JfaWQifX0=--21caaa7b66ab7f4ee2df1175716a5ab133df2e79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Teaching_Theatre_with_Divergent_Students_and_Class_Sizes_in_Mind.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/teaching-theatre-with-divergent-students-and-class-sizes-in-mind">Teaching Theatre with Divergent Students and Class Sizes in Mind</a>
</h2>
<p class="text-muted -mt-2">by Steven Stack</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">
Have you ever wondered how in the world you can have a successful theatre classroom with so many variables that you have absolutely no control over? The two biggest ones being the size of your class and the students that you’re in charge of turning into some truly talented theatre geeks. This course by Steven Stack explores that wonderful and often ridiculous world of theatre classrooms while giving you the tools for you and your students to not only succeed but to flourish as well.

Lessons will include how to make any size class the Goldilocks class as in "just right", defining and working with all types of students you may encounter in your classroom, the seven must-haves of any theatre class, and the importance of structure in the theatre classroom by providing a guideline for setting up your day-to-day class time.

The course also provides tons of ideas, games and activities that you can use instantly in your classroom. So, if you’re a first-time theatre teacher or one just looking for new ideas, this is the course for you.
</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 Teaching Theatre with Divergent Students and Class Sizes in Mind</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 Teaching Theatre with Divergent Students and Class Sizes in Mind</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/classroom-management"># classroom 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_36">
<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 Tools in the Theatre Arts Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzcsInB1ciI6ImJsb2JfaWQifX0=--8a3e21e8669d85837be8d56186ef7802d5be0f6a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Google_Tools_in_the_Theatre_Arts_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-tools-in-the-theatre-arts-classroom">Google Tools in the Theatre Arts Classroom</a>
</h2>
<p class="text-muted -mt-2">by Anna Porter</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">
Have you been wanting to find some new ways to enhance your classroom with technology? Have you been told you need to integrate technology in your classroom but don’t know where to start or what would even make sense to use in the drama classroom? 

Whether you want to find some new ways to diversify your instruction and assessment, provide new resources and opportunities for your students, or simply needs some help with organization and communication, Google Tools has a treasure trove of resources ready for you to use today.

Instructor Anna Porter covers the tools of Google Forms, Photos, Calendar, Earth, Custom Search and Sites. Each lesson has video examples of how to use the tools as well as tips and resources for each module.
</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 Tools in the Theatre Arts 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 Tools in the Theatre Arts Classroom</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_37">
<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="Tech for Non-Techies: Teaching Technical Theatre in Your Drama Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzgsInB1ciI6ImJsb2JfaWQifX0=--1ad2a412401a1c51fc705867ecf8131828fbac91/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Tech_for_Non-Techies_-_Teaching_Technical_Theatre_in_Your_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/tech-for-non-techies-teaching-technical-theatre-in-your-drama-classroom">Tech for Non-Techies: Teaching Technical Theatre in Your 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">
In this course, instructor Joshua Hatt shows you how to unpack your drama standards, articulate what you want your students to know and be able to do. The material explores how to incorporate lights, sound, makeup, staging, and costuming into your drama class at any grade level regardless of your school resources or unit structure. Bells and whistles? Awesome! Barely a classroom? We’ve still got you covered. 

This 9 lesson series works from the basics and standards, though lighting, sound, costuming, staging, and makeup design, and culminates with a final project including rubrics, resources, and handouts. 

A wise theatre technician once said: “the theatre mirrors life but technical theatre teachers us how to live.” Try to keep that statement in mind as you work through this course and see if we can make you a believer in all things technical theatre.
</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 Tech for Non-Techies: Teaching Technical Theatre in Your 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 Tech for Non-Techies: Teaching Technical Theatre in Your Drama Classroom</span>
</a></div>
<div class="space-x-2">
<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="card-dta-thing @container hover:shadow-xl hover:border-gray-400 dta_course_38">
<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="Marketing the Arts" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzksInB1ciI6ImJsb2JfaWQifX0=--c2e018a33f49c0ac611516c2bd2f3f14fcf619f6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Marketing_the_Arts.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/marketing-the-arts">Marketing the Arts</a>
</h2>
<p class="text-muted -mt-2">by James Van Leishout</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 course covers the four stages of creating and implementing a marketing plan. It starts with the question, what are you selling?, and goes all the way through to evaluation. The course covers both traditional and new media, with examples and opportunities to apply the learning to each teacher's own situation.
</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 Marketing the Arts</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 Marketing the Arts</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>
</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_39">
<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="Making Blood and Gore Tutorial" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDAsInB1ciI6ImJsb2JfaWQifX0=--83c6a8430a02b60d32a8530250fea1bb46678e92/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Making_Blood_and_Gore_Tutorial.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/making-blood-and-gore-tutorial">Making Blood and Gore Tutorial</a>
</h2>
<p class="text-muted -mt-2">by Linda  Veneris</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 tutorial, led by Linda Veneris, shows teachers and students how to make blood and gore with easy to find, everyday ingredients. 

Included are recipes, video demonstrations, and top 10 tips for working with students on blood and gore. This tutorial can be part of a stage makeup unit in your classroom as well as for productions.
</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 Making Blood and Gore Tutorial</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 Making Blood and Gore Tutorial</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/makeup"># makeup</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_40">
<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="Preventing Pandemonium: Part 1" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDEsInB1ciI6ImJsb2JfaWQifX0=--ed04c1386f5df39e3e20beeb9465af4ba56be939/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Preventing_Pandemonium_Part_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/preventing-pandemonium-part-1">Preventing Pandemonium: Part 1</a>
</h2>
<p class="text-muted -mt-2">by Maria Smith</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 Preventing Pandemonium Part 1, Maria Smith will share with you a classroom management tool critical to success. It’s called procedures. Procedures are daily classroom management routines that are the key to classroom management success. They are the essential element of classroom management. 

This course will give you straightforward, practical “this is how you do it” information, as well as procedures catered specifically to the drama classroom, to help you maintain order from start to finish, even during that chaotic group practice time. 

Imagine yourself in a classroom where you can spend most of your time teaching and keep students on track without the constant lecturing. If that sounds appealing, then start the first module.
</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 Preventing Pandemonium: Part 1</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 Preventing Pandemonium: Part 1</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/classroom-management"># classroom 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_41">
<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="Preventing Pandemonium: Part 2" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDIsInB1ciI6ImJsb2JfaWQifX0=--d202c79da46642b7851d03876c3f9f6fe632e469/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Preventing_Pandemonium_Part_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/preventing-pandemonium-part-2">Preventing Pandemonium: Part 2</a>
</h2>
<p class="text-muted -mt-2">by Maria Smith</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 Preventing Pandemonium Part 02, instructor Maria Smith shares a classroom management strategy that transformed her class from a discipline zone to a thriving environment. It’s called positive incentives (or rewards) that make your students want to behave and participate positively in the drama classroom.

This course includes straightforward “this is how you do it” information, as well as posters, passes and rewards for teachers to print out and use in your classroom. Learn how positive incentives cut down the need for discipline,and find the joy in teaching.
</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 Preventing Pandemonium: Part 2</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 Preventing Pandemonium: Part 2</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/classroom-management"># classroom 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_42">
<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 Process of Creativity in the Theatre Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDMsInB1ciI6ImJsb2JfaWQifX0=--abe3f4fb16b3cd511241d632c2be6abdc795e334/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The_Process_of_Creativity_in_the_Theatre_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/the-process-of-creativity-in-the-theatre-classroom">The Process of Creativity in the Theatre 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 leads this course in establishing an environment of creative experimentation in the theatre classroom, in order to have a group of student actors who value the creative process.  
 
Each lesson shares experiences to foster creativity without the stress of performance by student actors. For the creative process which honors out-of-the-box thinking, there is no assessment section included. There is no product or performance. The important thing is the student actor’s engagement. Their reflections and your observations are valued for positive learning.
 
This set of lessons includes Tips for the Theatre Educator, based on Gai's own Theatre practice. Scripts are also provided and contain text of what you can say to your students to facilitate their creative processes.
</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 Process of Creativity in the Theatre 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 The Process of Creativity in the Theatre Classroom</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_44">
<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 Empathetic Classroom" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDUsInB1ciI6ImJsb2JfaWQifX0=--c020fbd547d01e6bf93a4bba38cdfcf3c09b3e9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The_Empathetic_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/the-empathetic-classroom">The Empathetic Classroom</a>
</h2>
<p class="text-muted -mt-2">by Steven Stack</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">
Why should you take a class on empathy? And why is theatre the perfect vehicle for empathy?

Empathy, the more sought-after and inclusive cousin of sympathy, is the experiencing of someone else’s experience in the world. What it would be like if you were wearing their clothes, their life?

Teaching students to understand the clothes that they’re putting on, the characters and their lives teaches students not how to act but how to be. It allows the students to feel what someone else feels and experiences, which can and should translate to their fellow actors and peers away from the stage. It will lead to a stronger class connection, stronger performances and stronger students who will seek out understanding instead of isolation and 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 Empathetic 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 The Empathetic Classroom</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/social-emotional-learning"># social emotional learning</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_45">
<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="How to Create Assessments" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDYsInB1ciI6ImJsb2JfaWQifX0=--52cc8ac3f50357bfa7a9331468ce9e46b373e06b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/How_to_Create_Assessments.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/how-to-create-assessments">How to Create Assessments</a>
</h2>
<p class="text-muted -mt-2">by Maria Smith</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">
If you’d like to create your own projects and rubrics but have no idea where to begin or don’t have a background in drama education, this course was made with you in mind.

In any assessment, you choose where you want to go first and then you think of how you’re going to get there. And how to create assessments? This course will take you through the phases of creating an assessment so that you are prepared the next time you are inspired.
</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 How to Create Assessments</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 How to Create Assessments</span>
</a></div>
<div class="space-x-2">
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/assessment"># assessment</a>
<a class="text-green-800 text-xs" data-turbo-frame="_top" href="/dta_tags/rubric"># rubric</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_46">
<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="Director&#39;s Toolbox 1: Teaching Students to Direct" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDcsInB1ciI6ImJsb2JfaWQifX0=--33706cefe35f0b1f2788f2af8c7701b99f9a267c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Director&#39;s_Toolbox_1.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/director-s-toolbox-1-teaching-students-to-direct">Director&#39;s Toolbox 1: Teaching Students to Direct</a>
</h2>
<p class="text-muted -mt-2">by James Van Leishout</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, James Van Leishout explores why students should direct, and covers the first two tools in the director’s toolbox: self and the script. What background should every director have? Why should they learn to love research? What should happen in the first four reads of a script? 
With every step along the way, there will be exercises and activities your student directors can take on before they step into the rehearsal process.
</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 Director&#39;s Toolbox 1: Teaching Students to Direct</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 Director&#39;s Toolbox 1: Teaching Students to Direct</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>
</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_47">
<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="Story Theatre" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDgsInB1ciI6ImJsb2JfaWQifX0=--cf825e940b79242a3bb8cb88e28dc5d1f6a720c4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Story_Theatre.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/story-theatre">Story Theatre</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">
Instructor Matt Webster believes that Story Theatre is one of the most creative, most imaginative, most unique forms of theatre ever to make its way to the stage. His course introduces the style of theatre called story theatre, explores the steps needed to choose the best stories to perform, explains how to adapt a story into a script, and demonstrates a variety of story theatre styles from simple and contained to complex and crazy and everything in between.

When you are finished with this course, you’ll be able to bring nearly any story to any stage and present it to any audience. That is the power and promise of story theatre. Learn how to bring the page to the stage.
</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 Story Theatre</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 Story Theatre</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_48">
<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="Maximizing Your Ensemble: Shoestring 101" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDksInB1ciI6ImJsb2JfaWQifX0=--62b748314a02bf7851df74e0b097a9552d9b035b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Maximizing_Your_Ensemble_-_Shoestring_101.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/maximizing-your-ensemble-shoestring-101">Maximizing Your Ensemble: Shoestring 101</a>
</h2>
<p class="text-muted -mt-2">by Michael Calderone</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 seven-part series is designed to transform that gaggle of actors cluttering your backstage from cumbersome extras into nothing less than the very center of your production.

Instructor Michael Calderone leads this course, through games and exercises geared to maximize your ensemble for your next production. These lessons are based on the ensemble technique that he's been using for the last 30 years, called the shoestring method. 

The ensemble has a responsibility to work as one, and no role is more important than another. Without each actor playing their part, the other actors cannot tell the story to the best of their abilities. So join Michael in learning more about this exciting, practical and dramatic method.
</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 Maximizing Your Ensemble: Shoestring 101</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 Maximizing Your Ensemble: Shoestring 101</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>
</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 href="/dta_courses?page=1" data-turbo-stream rel="prev" aria-label="Previous">&lt;</a><a href="/dta_courses?page=1" data-turbo-stream rel="prev">1</a><a role="link" aria-disabled="true" aria-current="page">2</a><a href="/dta_courses?page=3" data-turbo-stream rel="next">3</a><a href="/dta_courses?page=4" data-turbo-stream>4</a><a href="/dta_courses?page=3" 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 21-40 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>
