<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_49">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/director-s-toolbox-2-teaching-students-to-direct"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTAsInB1ciI6ImJsb2JfaWQifX0=--009bdd10dc4d1018089b0e26688e49144b18eec1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Director&#39;s_Toolbox_2.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Director&#39;s Toolbox 2: Teaching Students to Direct (opens in new tab)" href="/dta_courses/director-s-toolbox-2-teaching-students-to-direct">Director&#39;s Toolbox 2: Teaching Students to Direct</a>
</h2><p class="text-muted -mt-2">by James Van Leishout</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 47 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Director’s Toolbox 2: Teaching Students to Direct, explores the tools of the actor, rehearsal, space, and design. 
The tool of the actor will focus on creating a safe place to play, auditions, and how to communicate with actors. 
Rehearsals will look at the whole process from the first meeting to opening night. 
The tool of space will explore how to direct in different spaces and how to create focus through stage composition. 
Discover how an understanding of the elements of design help student-directors communicate with designers. The final step is a return to self and the mastery of self evaluation.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Director&#39;s Toolbox 2: Teaching Students to Direct</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Director&#39;s Toolbox 2: Teaching Students to Direct</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_56">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/creating-a-blended-learning-environment-flipping-your-classroom"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTcsInB1ciI6ImJsb2JfaWQifX0=--7ee95b0aa7fdf3fbf099194ac59b6e5599b39580/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Creating_a_Blended_Learning_Environment_-_Flipping_Your_Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Creating a Blended Learning Environment: Flipping Your Classroom (opens in new tab)" href="/dta_courses/creating-a-blended-learning-environment-flipping-your-classroom">Creating a Blended Learning Environment: Flipping Your Classroom</a>
</h2><p class="text-muted -mt-2">by Annie Dragoo</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
4 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
37 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Annie Dragoo leads this course in learning how to create a flipped classroom where students will complete the majority of coursework online at home or outside of school, and then attend school for required face-to-face learning sessions. 

Module One discusses the types of online learning - the advantages and disadvantages. Module Two, covers the first step: the online instruction. Module Three covers the face-to-face time and putting it all together. You will walk away from these modules with a prepared unit of study.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Creating a Blended Learning Environment: Flipping Your Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Creating a Blended Learning Environment: Flipping Your Classroom</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<span></span>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_65">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/lgbtq-101-affirming-practices"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTE4ODksInB1ciI6ImJsb2JfaWQifX0=--39f1b725fe725fb6c208ca985209577763d7d539/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/LGBTQ+%20101%20Affirming%20Practices.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="LGBTQ+ 101 &amp; Affirming Practices (opens in new tab)" href="/dta_courses/lgbtq-101-affirming-practices">LGBTQ+ 101 &amp; Affirming Practices</a>
</h2><p class="text-muted -mt-2">by  c.j  Bell</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
4 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
36 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Welcome to LGBTQ+ Inclusion 101 &amp; Affirming Practices. This course is led by c.j Bell, pronouns they/them. By the end of this course, you'll be able to successfully implement LGBTQIA+ and LGBTQ2S+ practices in the classroom. And you will learn more information on how you, yourself, can relate to these specific margins, as an educator.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about LGBTQ+ 101 &amp; Affirming Practices</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about LGBTQ+ 101 &amp; Affirming Practices</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: LGBTQ+" href="/dta_tags/lgbtq"><span aria-hidden>#</span>
LGBTQ+
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_69">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/how-to-give-feedback-to-student-playwrights"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyMDM3LCJwdXIiOiJibG9iX2lkIn19--ed114ce3d45dce4af08512dda45300e310d35e6b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/How%20to%20Give%20Feedback%20to%20Student%20Playwrights.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="How to Give Feedback to Student Playwrights (opens in new tab)" href="/dta_courses/how-to-give-feedback-to-student-playwrights">How to Give Feedback to Student Playwrights</a>
</h2><p class="text-muted -mt-2">by Nicholas Pappas</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
6 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 23 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The two big questions we’re going to answer in this course are: What is feedback? And, What is useful feedback? Now, if you asked a hundred people to answer these two questions, you’ll likely get a hundred different answers, but at its core, all the answers will focus on giving notes that will improve the work, which, in this case, is our student’s plays. And, as a teacher, that’s what your hope is, right? To help your students improve as writers, one work at a time.

We want our students to write, and to grow through their writing. If we want our students to get better, we need to get better. Understanding the definition of feedback, and understanding how to provide useful feedback is the key to all of us getting better. 

Join Nick Pappas in this course designed to give you the tools to help your student writers find their voice.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about How to Give Feedback to Student Playwrights</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about How to Give Feedback to Student Playwrights</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: playwriting" href="/dta_tags/playwriting"><span aria-hidden>#</span>
playwriting
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_46">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/director-s-toolbox-1-teaching-students-to-direct"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Director&#39;s Toolbox 1: Teaching Students to Direct (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 12 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Director&#39;s Toolbox 1: Teaching Students to Direct</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Director&#39;s Toolbox 1: Teaching Students to Direct</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_16">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/concept-based-design-for-the-theatre-teacher"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Concept-Based Design for the Theatre Teacher (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 38 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Concept-Based Design for the Theatre Teacher</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Concept-Based Design for the Theatre Teacher</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: set design" href="/dta_tags/set-design"><span aria-hidden>#</span>
set design
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_75">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/screenplays-101-part-1-basic-structure"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcwOTgyLCJwdXIiOiJibG9iX2lkIn19--a4fa32cc7af437d7db6b138dac5d569781a59b3b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Screenplays%20101%20Part%201.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Screenplays 101 - Part 1: Basic Structure (opens in new tab)" href="/dta_courses/screenplays-101-part-1-basic-structure">Screenplays 101 - Part 1: Basic Structure</a>
</h2><p class="text-muted -mt-2">by Nicholas Pappas</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 22 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Screenwriter Nick Pappas leads a two-part course on screenplays 101. Great scriptwriting is not something that can be covered in a single course: so we're going to start with the basics. Those basics are going to be split up into a Part 1 and a Part 2. Part 1, this course, will concentrate on basic film structure. Part 2 will concentrate on screenplay formatting. 

By the end of this course, students should have a basic understanding of history, terminology, and are able to identify the barest bones of the three-act structure, all with an eye toward developing their own screenplay.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Screenplays 101 - Part 1: Basic Structure</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Screenplays 101 - Part 1: Basic Structure</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: playwriting" href="/dta_tags/playwriting"><span aria-hidden>#</span>
playwriting
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: screenplays" href="/dta_tags/screenplays"><span aria-hidden>#</span>
screenplays
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_76">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/screenplays-101-part-2-basic-formatting"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTcxMDQyLCJwdXIiOiJibG9iX2lkIn19--c8437d21e3c1feb987709d562f43efa28f52af58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Screenplays%20101%20Part%202.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Screenplays 101 - Part 2: Basic Formatting (opens in new tab)" href="/dta_courses/screenplays-101-part-2-basic-formatting">Screenplays 101 - Part 2: Basic Formatting</a>
</h2><p class="text-muted -mt-2">by Nicholas Pappas</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
9 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 34 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" 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 is a Part 2. In a Screenplays 101 course, screenwriter Nick Pappas covers both Structure and Formatting. Here in Part 2 we'll cover Basic Formatting. If you have not already watched Screenplays 101 – Part 1: Basic Structure, I highly recommend you go back and do so now. Having that knowledge under your belt will help you navigate Part 2 of this course. 

The goal is that, by the end of this course, your students have a basic understanding of how a screenplay is formatted and why it is formatted that way, all with an eye toward developing their own screenplay.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Screenplays 101 - Part 2: Basic Formatting</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Screenplays 101 - Part 2: Basic Formatting</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: playwriting" href="/dta_tags/playwriting"><span aria-hidden>#</span>
playwriting
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: screenplays" href="/dta_tags/screenplays"><span aria-hidden>#</span>
screenplays
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_38">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/marketing-the-arts"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Marketing the Arts (opens in new tab)" href="/dta_courses/marketing-the-arts">Marketing the Arts</a>
</h2><p class="text-muted -mt-2">by James Van Leishout</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 1 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Marketing the Arts</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Marketing the Arts</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_64">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/every-day-you-deserve-a-round-of-applause-self-compassion-and-care-for-you-as-a-theatre-educator"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ODYxODgsInB1ciI6ImJsb2JfaWQifX0=--af5ea9454966d0433495bcb9482782bc87c62617/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Every%20Day%20You%20Deserve%20a%20Round%20of%20Applause.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator (opens in new tab)" href="/dta_courses/every-day-you-deserve-a-round-of-applause-self-compassion-and-care-for-you-as-a-theatre-educator">Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator</a>
</h2><p class="text-muted -mt-2">by Gai Jones</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
46 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" 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 social and emotional self-compassion and care for the theatre educator. Join her on this 5-module journey to practice self-care and self-compassion while teaching educational theatre.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: social emotional learning" href="/dta_tags/social-emotional-learning"><span aria-hidden>#</span>
social emotional learning
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_6">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/strong-ensemble-strong-play"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Strong Ensemble = Strong Play (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 8 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Strong Ensemble = Strong Play</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Strong Ensemble = Strong Play</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: ensemble" href="/dta_tags/ensemble"><span aria-hidden>#</span>
ensemble
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: character development" href="/dta_tags/character-development"><span aria-hidden>#</span>
character development
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: acting" href="/dta_tags/acting"><span aria-hidden>#</span>
acting
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_30">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/old-age-makeup-tutorial"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzEsInB1ciI6ImJsb2JfaWQifX0=--0523b7fb9fd679a1e18928104123a9d0b4872a57/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Old_Age_Makeup_Tutorial.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Old Age Makeup Tutorial (opens in new tab)" href="/dta_courses/old-age-makeup-tutorial">Old Age Makeup Tutorial</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 10 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" 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 guides this tutorial on Old Age Makeup. Old age is the number one special effect makeup you will do and it’s a great process to teach in your class.

This video series takes you visually step by step through everything you need to know about creating old age makeup, from the subtle to the extreme. You can view each step individually so they can be practiced one at a time in the classroom. 

The first part is the temple and the forehead. The second part are the cheeks and the jaw. Third will be lips, chin, and nose. Fourth is a section on the face called the nasolabial fold. Fifth, the eyes. And the sixth section will be looking at wrinkles, stippling and finishing the makeup look. These sections are designed to be seen one at a time and to teach within a 90-minute class between instruction, setup, practice, and cleanup. When you put them all together, you will have the parts and pieces to make a full old age makeup.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Old Age Makeup Tutorial</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Old Age Makeup Tutorial</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: makeup" href="/dta_tags/makeup"><span aria-hidden>#</span>
makeup
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: technical theatre" href="/dta_tags/technical-theatre"><span aria-hidden>#</span>
technical theatre
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_68">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/social-emotional-learning-through-game-play"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTM4NDcwLCJwdXIiOiJibG9iX2lkIn19--e2c221cbf7070caf593288c49e776d57086daf77/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Social%20and%20Emotional%20Learning%20Through%20Game%20Play.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Social Emotional Learning through Game Play (opens in new tab)" href="/dta_courses/social-emotional-learning-through-game-play">Social Emotional Learning through Game Play</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
57 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The skills identified in Social Emotional Learning are the same skills theatre teachers spotlight in the warmups, games, and activities, as well as group work and theater-related assignments found in the drama curriculum every day. 

This course will break down the various games and activities in the drama classroom to identify, incorporate, and intensify the Social Emotional Learning outcomes we want our students to achieve. By the end of this course, you will be able to identify the five components of Social Emotional Learning and see the places in the curriculum where they intersect with basic games and activities in the drama classroom.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Social Emotional Learning through Game Play</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Social Emotional Learning through Game Play</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: social emotional learning" href="/dta_tags/social-emotional-learning"><span aria-hidden>#</span>
social emotional learning
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: games" href="/dta_tags/games"><span aria-hidden>#</span>
games
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_34">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/shakespeare-s-toolkit"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Shakespeare&#39;s Toolkit (opens in new tab)" href="/dta_courses/shakespeare-s-toolkit">Shakespeare&#39;s Toolkit</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
9 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 3 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
6 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Shakespeare&#39;s Toolkit</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Shakespeare&#39;s Toolkit</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: Shakespeare" href="/dta_tags/shakespeare-d6b7f55d-431b-4762-86b8-32445dd21846"><span aria-hidden>#</span>
Shakespeare
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_62">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/empathy-2-0"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NjMsInB1ciI6ImJsb2JfaWQifX0=--e7219cd76503608749be6145874310ebe4a448b7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Empathy_20.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Empathy 2.0 (opens in new tab)" href="/dta_courses/empathy-2-0">Empathy 2.0</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 30 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Brought to you by instructor Steven Stack, creator of The Empathetic Classroom, this course looks at ways to move on from the worldwide pandemic, while honoring the past and learning from it. In the past year, students had many things taken from them: school, hanging out with friends, freedom, hope, and innocence. 

With this course, each session will highlight one specific topic relating to moving on. There will also be activities for each session that will help your students own the past, embrace their own and others’ narratives and scars, create a stronger classroom community, find ways to be where their feet are planted, and learn to play again.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Empathy 2.0</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Empathy 2.0</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: social emotional learning" href="/dta_tags/social-emotional-learning"><span aria-hidden>#</span>
social emotional learning
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_7">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/big-picture-blocking-staging-your-play-outside-in"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Big Picture Blocking: Staging Your Play Outside-In (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 3 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
6 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Big Picture Blocking: Staging Your Play Outside-In</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Big Picture Blocking: Staging Your Play Outside-In</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: analysis" href="/dta_tags/analysis"><span aria-hidden>#</span>
analysis
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_2">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/from-audition-to-curtain-call-directing-youth-theatre"><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="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDMsInB1ciI6ImJsb2JfaWQifX0=--01f1d99db1298c7f52d368f65879f7104cc56f17/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/From-Audition-to-Curtain-Call.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="From Audition to Curtain Call: Directing Youth Theatre (opens in new tab)" href="/dta_courses/from-audition-to-curtain-call-directing-youth-theatre">From Audition to Curtain Call: Directing Youth Theatre</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 42 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Directing youth theatre can be one of the most thrilling, rewarding, and exhausting jobs there is – because it’s not just about staging a play. It’s about creating an environment that fosters hard work, dedication, trust, and the willingness to take chances, to “play without fear.”

As a writer/teacher/director of youth theatre for over 15 years, I have developed tools and strategies that enable my students and me to focus on the process of creating theatre while fostering an environment that leads to creative freedom and a cohesive groups that doesn't act as individual “stars,” but as a community of one.

In this course, I will share with you these tips and strategies, along with the ways to implement them in your theatre environment.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about From Audition to Curtain Call: Directing Youth Theatre</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about From Audition to Curtain Call: Directing Youth Theatre</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: rehearsal" href="/dta_tags/rehearsal"><span aria-hidden>#</span>
rehearsal
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: audition" href="/dta_tags/audition"><span aria-hidden>#</span>
audition
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_10">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/the-do-it-all-director-s-introduction-to-costuming"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="The Do-it-All Director&#39;s Introduction to Costuming (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 12 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Costuming</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Costuming</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: costuming" href="/dta_tags/costuming"><span aria-hidden>#</span>
costuming
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_48">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/maximizing-your-ensemble-shoestring-101"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Maximizing Your Ensemble: Shoestring 101 (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 53 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Maximizing Your Ensemble: Shoestring 101</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Maximizing Your Ensemble: Shoestring 101</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: ensemble" href="/dta_tags/ensemble"><span aria-hidden>#</span>
ensemble
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_11">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/copyright-for-drama-teachers"><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="" 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>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" 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" aria-label="Copyright for Drama Teachers (opens in new tab)" 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="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
9 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 24 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
5 Credit Hours
</span>
</div>
<div class="mb-3" 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>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Copyright for Drama Teachers</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Copyright for Drama Teachers</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<span></span>
</div>
</div>
</div>
</div>

<div class="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><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">
<button aria-controls="aggregation-more-tag_name" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-tag_name">
<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">
<button aria-controls="aggregation-more-tag_name" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
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">
<button aria-controls="aggregation-more-author" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-author">
<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">
<button aria-controls="aggregation-more-author" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>

</template></turbo-stream><turbo-stream action="update" target="searchStats"><template><div class="mt-4 text-gray-600 text-center mb-2 text-sm">
<span class="pagy info">Displaying items 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>
