<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_15">
<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/close-reading-in-the-drama-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTYsInB1ciI6ImJsb2JfaWQifX0=--d56e5f0daa7c40d071580fe06c9947353b505a49/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Close-Reading.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Close Reading in the Drama Classroom (opens in new tab)" href="/dta_courses/close-reading-in-the-drama-classroom">Close Reading in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Lindsay Price</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 38 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
7 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">
Close reading is an activity that puts curriculum standards into practice and it can be easily applied to the drama classroom. 

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

This course teaches drama teachers how the close reading process works, and gives them exercises and tools to apply it in the classroom.
</div>
<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 Close Reading in the Drama 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 Close Reading in the Drama Classroom</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: close reading" href="/dta_tags/close-reading"><span aria-hidden>#</span>
close reading
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" 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_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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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_41">
<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/preventing-pandemonium-part-2"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDIsInB1ciI6ImJsb2JfaWQifX0=--d202c79da46642b7851d03876c3f9f6fe632e469/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Preventing_Pandemonium_Part_Two.png" />
</div>
</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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Preventing Pandemonium: Part 2 (opens in new tab)" href="/dta_courses/preventing-pandemonium-part-2">Preventing Pandemonium: Part 2</a>
</h2><p class="text-muted -mt-2">by Maria Smith</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 4 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
In Preventing Pandemonium Part 02, instructor Maria Smith shares a classroom management strategy that transformed her class from a discipline zone to a thriving environment. It’s called positive incentives (or rewards) that make your students want to behave and participate positively in the drama classroom.

This course includes straightforward “this is how you do it” information, as well as posters, passes and rewards for teachers to print out and use in your classroom. Learn how positive incentives cut down the need for discipline,and find the joy in teaching.
</div>
<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 Preventing Pandemonium: Part 2</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 Preventing Pandemonium: Part 2</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: classroom management" href="/dta_tags/classroom-management"><span aria-hidden>#</span>
classroom management
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_50">
<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/practical-approaches-to-shakespeare-in-the-drama-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTEsInB1ciI6ImJsb2JfaWQifX0=--046620f473335963c67a907363c2902518f57102/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Practical_Approaches_to_Shakespeare_in_the_Drama_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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Practical Approaches to Shakespeare in the Drama Classroom (opens in new tab)" href="/dta_courses/practical-approaches-to-shakespeare-in-the-drama-classroom">Practical Approaches to Shakespeare in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Julie Hartley</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
19 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 9 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
Shakespeare is one of the greatest resources a drama teacher can have: scenes packed with action; opportunities to explore comedy and physical theatre; rich themes and characters to act as springboards for devised theatre; the chance to work with our language at its finest and – most importantly – ideas that relate directly to the experiences and preoccupations of students.

Yet Shakespeare isn’t easy. The language can seem dense, and finding a way in can be tough – especially for drama teachers who have not themselves studied Shakespeare. That’s the goal of this course – to help teachers find a way in.

This course presents teachers with as many ways in to the exploration of Shakespeare as possible. Action scenes, themes, characters, different theatre styles, and devised theatre projects. Students will be armed with the tools they need to begin individually exploring monologues, or working together on scenes.
</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 Practical Approaches to Shakespeare in the Drama 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 Practical Approaches to Shakespeare in the Drama Classroom</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 inline-flex items-center gap-1 min-h-6" 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_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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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_73">
<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/playwriting-outside-the-lines"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTY3ODgwLCJwdXIiOiJibG9iX2lkIn19--547ec9c114442db66331885dae272a0d5ab10d9f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Playwriting%20Outside%20the%20Lines.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Playwriting Outside the Lines (opens in new tab)" href="/dta_courses/playwriting-outside-the-lines">Playwriting Outside the Lines</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
Instructor Steven Stack leads this course in a unique way to teach playwriting. He will show you how to set foundations and guide posts for your students, and then give them freedom to play. The intent is to help students develop their own voice and create for creating sake. The 5 modules lead teachers through how to use this style of teaching playwriting, and includes handouts and resources to support the learning.
</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 Playwriting Outside the Lines</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 Playwriting Outside the Lines</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 inline-flex items-center gap-1 min-h-6" 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_67">
<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/soft-skills-the-tangible-value-of-the-drama-curriculum"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTM1Mzg3LCJwdXIiOiJibG9iX2lkIn19--492d5711772229f78b469a702ff5db9df2f2a28c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Soft%20Skills.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Soft Skills, The Tangible Value of the Drama Curriculum (opens in new tab)" href="/dta_courses/soft-skills-the-tangible-value-of-the-drama-curriculum">Soft Skills, The Tangible Value of the Drama Curriculum</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
48 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 course is about the fact that so-called soft skills are sought after and highly valued in professional work environments, educational settings, and in everyday social interactions. They're valuable life skills, but we can't always identify these skills within a standard educational setting, and yet, they are incredibly useful in education and beyond. That's why it's important to be able to identify these soft skills in the classroom and in the educational process and to recognize that these soft skills are being taught every day in the drama curriculum. We need to concentrate our efforts into making sure that these skills are identified and utilized within our classrooms.  They are built into every arts curriculum a school offers, especially the theater arts.
</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 Soft Skills, The Tangible Value of the Drama Curriculum</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 Soft Skills, The Tangible Value of the Drama Curriculum</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 inline-flex items-center gap-1 min-h-6" 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_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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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_61">
<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/impowerment-improv"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NjIsInB1ciI6ImJsb2JfaWQifX0=--6edd482b32701e9160b0b392649decc38d4aa9d5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Impowerment_Improv_Using_Improv_to_Create_Self-Awareness_and_Confidence_in_Your_Students.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Impowerment Improv (opens in new tab)" href="/dta_courses/impowerment-improv">Impowerment Improv</a>
</h2><p class="text-muted -mt-2">by Jennine Profeta</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
56 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
Jennine Profeta, Second City performer and theatre educator, leads this course. This course was designed to give a teacher tools to create a safe environment in which students can go beyond their old patterns to take risks, embrace failure, be more confident and aware of the effects of their word choice.  The course includes modules on risk-taking, creating a safe environment, failure, confidence, and positive/negative speak.
</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 Impowerment Improv</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 Impowerment Improv</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: improv" href="/dta_tags/improv"><span aria-hidden>#</span>
improv
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" 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_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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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 inline-flex items-center gap-1 min-h-6" 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 inline-flex items-center gap-1 min-h-6" 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 inline-flex items-center gap-1 min-h-6" 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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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 inline-flex items-center gap-1 min-h-6" 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_4">
<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/friendly-shakespeare"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDUsInB1ciI6ImJsb2JfaWQifX0=--b1bd70e1e995b2439efca6bcc74ae6bedc7bd585/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Friendly-Shakespeare.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Friendly Shakespeare (opens in new tab)" href="/dta_courses/friendly-shakespeare">Friendly Shakespeare</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 5 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
Friendly Shakespeare teaches a simple and effective method of script analysis for Shakespeare. It uses punctuation and keywords in the text to help students understand the characters' needs, make specific acting choices, and get them on their feet immediately.

This is not dry, sitting in a classroom discussion. It’s physicalizing the text, focusing on the character’s needs and tactics (something every drama student should know full well) and bringing Shakespeare to life.

At the end of the class you will be able to demystify Shakespeare's text and understand how to help your actors make clear, active and emotionally connected choices in Shakespeare's plays.
</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 Friendly Shakespeare</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 Friendly Shakespeare</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: analysis" href="/dta_tags/analysis"><span aria-hidden>#</span>
analysis
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" 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_74">
<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/introduction-to-teaching-mask-2nd-edition"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTcwMTMzLCJwdXIiOiJibG9iX2lkIn19--69317936be9359153be83c24f98c49209789a2de/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction%20to%20Teaching%20Mask%20Second%20Edition.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Introduction to Teaching Mask: 2nd Edition (opens in new tab)" href="/dta_courses/introduction-to-teaching-mask-2nd-edition">Introduction to Teaching Mask: 2nd Edition</a>
</h2><p class="text-muted -mt-2">by Allison Williams</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
13 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 13 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
In Introduction to Teaching Mask: 2nd Edition, Allison Williams gives you a toolkit of mask and movement exercises to teach students to make big, confident physical choices, to work in their bodies, and play different characters - masked and unmasked.

By working through the exercises in this course, you, the teacher, will also gain an understanding of basic physical acting and learn some easy specific tools to coach your students – not just in mask, but in all their performance work.

Access to masks is required, but previous experience with masks is not.
</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 Introduction to Teaching Mask: 2nd Edition</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 Introduction to Teaching Mask: 2nd Edition</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: mask" href="/dta_tags/mask"><span aria-hidden>#</span>
mask
</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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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 inline-flex items-center gap-1 min-h-6" 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_72">
<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/organized-chaos-2nd-edition"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTYyMDk0LCJwdXIiOiJibG9iX2lkIn19--0180bdb20cf6e821975d075775013d8c82bcaa4d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Organized%20Chaos%20Second%20Edition.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Organized Chaos: 2nd Edition (opens in new tab)" href="/dta_courses/organized-chaos-2nd-edition">Organized Chaos: 2nd Edition</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 18 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
Organized Chaos: Discipline in the Theatre Classroom will give you tools and strategies to prepare you for challenges you may face as you step up in front of a class of students and introduce them to the art of theatre.

Whether you are a student teacher finishing college, a first-year teacher just starting out in the classroom, or an established teacher with a few years of experience under your belt, these lessons will provide insight and support as you establish discipline in your classroom.

This is a revised, 2nd edition of a favourite original course in the DTA, brought to you by experienced theatre educator, Matt Webster.
</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 Organized Chaos: 2nd Edition</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 Organized Chaos: 2nd Edition</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: classroom management" href="/dta_tags/classroom-management"><span aria-hidden>#</span>
classroom management
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: popular" href="/dta_tags/popular"><span aria-hidden>#</span>
popular
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_22">
<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/commedia-ii-style"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjMsInB1ciI6ImJsb2JfaWQifX0=--554613bf4bc03c1fc59e4e823d314a0f3936c3cd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Commedia-Two.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Commedia II: Style (opens in new tab)" href="/dta_courses/commedia-ii-style">Commedia II: Style</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 31 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
7 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">
Commedia dell’arte is a 16th Century masked acting form. It’s the basis of all comedy and it’s a form that many teachers want to include in their curriculum.

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

In Commedia II: Style - Todd moves on to the specific style of Commedia dell’arte. This includes a history of commedia, the stock characters and how to physicalize them, sample lazzi and a capstone assignment. The course includes video demonstrations so you can see the exercises and activities in action.
</div>
<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 Commedia II: Style</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 Commedia II: Style</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: commedia" href="/dta_tags/commedia"><span aria-hidden>#</span>
commedia
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" 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_21">
<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/commedia-i-playing-comedy"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjIsInB1ciI6ImJsb2JfaWQifX0=--8e639dd55894af4ede7ff4575960784158637e4e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Commedia-One.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Commedia I: Playing Comedy (opens in new tab)" href="/dta_courses/commedia-i-playing-comedy">Commedia I: Playing Comedy</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 31 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
7 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">
Commedia dell’arte is a 16th Century masked acting form. It’s the basis of all comedy and it’s a form that many teachers want to include in their curriculum. 

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

In Commedia I: Playing Comedy - Todd teaches the principles of comedy through four key elements: status, appetite, swing, and intention/invention. This course provides an excellent foundation upon which to explore Commedia to its fullest. Includes bonus videos, handouts, reflections, and exit slip question ideas for each lesson.
</div>
<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 Commedia I: Playing Comedy</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 Commedia I: Playing Comedy</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: commedia" href="/dta_tags/commedia"><span aria-hidden>#</span>
commedia
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" 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_71">
<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/blood-blisters-bruises"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTU0NTY0LCJwdXIiOiJibG9iX2lkIn19--39851559c8e1f031485fe7ffd657e992d1b39a04/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Blood%20Blisters%20Bruises.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="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Blood, Blisters &amp; Bruises (opens in new tab)" href="/dta_courses/blood-blisters-bruises">Blood, Blisters &amp; Bruises</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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">
Welcome to Blood, Blisters, and Bruises. This is an introductory course to learn how to use makeup to create scars, blisters, and bruises with a little blood on the side, and a special bonus section on creating zombies. You’re going to learn the techniques and materials you will need to do these special effects, and how to teach your students to do these special effects.
</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 Blood, Blisters &amp; Bruises</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 Blood, Blisters &amp; Bruises</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 inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: makeup" href="/dta_tags/makeup"><span aria-hidden>#</span>
makeup
</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="h3"><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 mb-2 gap-1.5">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 rounded-full bg-red-100 text-red-950 py-0.5">
<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 inline-flex items-center gap-1 min-h-6" 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 inline-flex items-center gap-1 min-h-6" 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="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 class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="production" name="a[tag_name][]" id="a_tag_name_production" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_production"><span class="whitespace-nowrap">
production
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">11</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="directing" name="a[tag_name][]" id="a_tag_name_directing" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_directing"><span class="whitespace-nowrap">
directing
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">9</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="acting" name="a[tag_name][]" id="a_tag_name_acting" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_acting"><span class="whitespace-nowrap">
acting
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">8</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="playwriting" name="a[tag_name][]" id="a_tag_name_playwriting" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_playwriting"><span class="whitespace-nowrap">
playwriting
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">8</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="social emotional learning" name="a[tag_name][]" id="a_tag_name_social_emotional_learning" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_social_emotional_learning">social emotional
<span class="whitespace-nowrap">
learning
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">7</span>
</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 class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="technical theatre" name="a[tag_name][]" id="a_tag_name_technical_theatre" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_technical_theatre">technical
<span class="whitespace-nowrap">
theatre
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">6</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="classroom management" name="a[tag_name][]" id="a_tag_name_classroom_management" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_classroom_management">classroom
<span class="whitespace-nowrap">
management
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">5</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="makeup" name="a[tag_name][]" id="a_tag_name_makeup" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_makeup"><span class="whitespace-nowrap">
makeup
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">4</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="rehearsal" name="a[tag_name][]" id="a_tag_name_rehearsal" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_rehearsal"><span class="whitespace-nowrap">
rehearsal
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">4</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Shakespeare" name="a[tag_name][]" id="a_tag_name_shakespeare" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_shakespeare"><span class="whitespace-nowrap">
Shakespeare
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="analysis" name="a[tag_name][]" id="a_tag_name_analysis" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_analysis"><span class="whitespace-nowrap">
analysis
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="character development" name="a[tag_name][]" id="a_tag_name_character_development" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_character_development">character
<span class="whitespace-nowrap">
development
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="ensemble" name="a[tag_name][]" id="a_tag_name_ensemble" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_ensemble"><span class="whitespace-nowrap">
ensemble
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="games" name="a[tag_name][]" id="a_tag_name_games" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_games"><span class="whitespace-nowrap">
games
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="improv" name="a[tag_name][]" id="a_tag_name_improv" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_improv"><span class="whitespace-nowrap">
improv
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="popular" name="a[tag_name][]" id="a_tag_name_popular" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_popular"><span class="whitespace-nowrap">
popular
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="commedia" name="a[tag_name][]" id="a_tag_name_commedia" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_commedia"><span class="whitespace-nowrap">
commedia
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="devising" name="a[tag_name][]" id="a_tag_name_devising" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_devising"><span class="whitespace-nowrap">
devising
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="screenplays" name="a[tag_name][]" id="a_tag_name_screenplays" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_screenplays"><span class="whitespace-nowrap">
screenplays
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="set design" name="a[tag_name][]" id="a_tag_name_set_design" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_set_design">set
<span class="whitespace-nowrap">
design
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="stage management" name="a[tag_name][]" id="a_tag_name_stage_management" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_stage_management">stage
<span class="whitespace-nowrap">
management
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="theatre history" name="a[tag_name][]" id="a_tag_name_theatre_history" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_theatre_history">theatre
<span class="whitespace-nowrap">
history
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="LGBTQ+" name="a[tag_name][]" id="a_tag_name_lgbtq" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_lgbtq"><span class="whitespace-nowrap">
LGBTQ+
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="assessment" name="a[tag_name][]" id="a_tag_name_assessment" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_assessment"><span class="whitespace-nowrap">
assessment
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="audition" name="a[tag_name][]" id="a_tag_name_audition" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_audition"><span class="whitespace-nowrap">
audition
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="bipoc" name="a[tag_name][]" id="a_tag_name_bipoc" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_bipoc"><span class="whitespace-nowrap">
bipoc
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="close reading" name="a[tag_name][]" id="a_tag_name_close_reading" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_close_reading">close
<span class="whitespace-nowrap">
reading
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="costuming" name="a[tag_name][]" id="a_tag_name_costuming" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_costuming"><span class="whitespace-nowrap">
costuming
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="etiquette" name="a[tag_name][]" id="a_tag_name_etiquette" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_etiquette"><span class="whitespace-nowrap">
etiquette
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="group activities" name="a[tag_name][]" id="a_tag_name_group_activities" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_group_activities">group
<span class="whitespace-nowrap">
activities
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="indigenous" name="a[tag_name][]" id="a_tag_name_indigenous" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_indigenous"><span class="whitespace-nowrap">
indigenous
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="lighting" name="a[tag_name][]" id="a_tag_name_lighting" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_lighting"><span class="whitespace-nowrap">
lighting
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="mask" name="a[tag_name][]" id="a_tag_name_mask" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_mask"><span class="whitespace-nowrap">
mask
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="monologue" name="a[tag_name][]" id="a_tag_name_monologue" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_monologue"><span class="whitespace-nowrap">
monologue
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="musical theatre" name="a[tag_name][]" id="a_tag_name_musical_theatre" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_musical_theatre">musical
<span class="whitespace-nowrap">
theatre
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="props" name="a[tag_name][]" id="a_tag_name_props" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_props"><span class="whitespace-nowrap">
props
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="reflection" name="a[tag_name][]" id="a_tag_name_reflection" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_reflection"><span class="whitespace-nowrap">
reflection
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="rubric" name="a[tag_name][]" id="a_tag_name_rubric" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_rubric"><span class="whitespace-nowrap">
rubric
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="voice" name="a[tag_name][]" id="a_tag_name_voice" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_voice"><span class="whitespace-nowrap">
voice
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="warm-ups" name="a[tag_name][]" id="a_tag_name_warm-ups" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_warm-ups"><span class="whitespace-nowrap">
warm-ups
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</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 class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Matt Webster" name="a[author][]" id="a_author_matt_webster" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_matt_webster">Matt
<span class="whitespace-nowrap">
Webster
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">10</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Todd Espeland" name="a[author][]" id="a_author_todd_espeland" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_todd_espeland">Todd
<span class="whitespace-nowrap">
Espeland
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">7</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Steven Stack" name="a[author][]" id="a_author_steven_stack" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_steven_stack">Steven
<span class="whitespace-nowrap">
Stack
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">5</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Claire Broome" name="a[author][]" id="a_author_claire_broome" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_claire_broome">Claire
<span class="whitespace-nowrap">
Broome
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">4</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Gai Jones" name="a[author][]" id="a_author_gai_jones" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_gai_jones">Gai
<span class="whitespace-nowrap">
Jones
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">4</span>
</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 class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Lindsay Price" name="a[author][]" id="a_author_lindsay_price" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_lindsay_price">Lindsay
<span class="whitespace-nowrap">
Price
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">4</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="James Van Leishout" name="a[author][]" id="a_author_james_van_leishout" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_james_van_leishout">James Van
<span class="whitespace-nowrap">
Leishout
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Jennine Profeta" name="a[author][]" id="a_author_jennine_profeta" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_jennine_profeta">Jennine
<span class="whitespace-nowrap">
Profeta
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Karen Loftus" name="a[author][]" id="a_author_karen_loftus" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_karen_loftus">Karen
<span class="whitespace-nowrap">
Loftus
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Maria Smith" name="a[author][]" id="a_author_maria_smith" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_maria_smith">Maria
<span class="whitespace-nowrap">
Smith
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Nicholas Pappas" name="a[author][]" id="a_author_nicholas_pappas" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_nicholas_pappas">Nicholas
<span class="whitespace-nowrap">
Pappas
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">3</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Allison Williams" name="a[author][]" id="a_author_allison_williams" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_allison_williams">Allison
<span class="whitespace-nowrap">
Williams
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Annie Dragoo" name="a[author][]" id="a_author_annie_dragoo" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_annie_dragoo">Annie
<span class="whitespace-nowrap">
Dragoo
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Craig Mason" name="a[author][]" id="a_author_craig_mason" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_craig_mason">Craig
<span class="whitespace-nowrap">
Mason
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Holly Beardsley" name="a[author][]" id="a_author_holly_beardsley" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_holly_beardsley">Holly
<span class="whitespace-nowrap">
Beardsley
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Josh Hatt" name="a[author][]" id="a_author_josh_hatt" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_josh_hatt">Josh
<span class="whitespace-nowrap">
Hatt
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Julie Hartley" name="a[author][]" id="a_author_julie_hartley" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_julie_hartley">Julie
<span class="whitespace-nowrap">
Hartley
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Wendy-Marie Martin" name="a[author][]" id="a_author_wendy-marie_martin" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_wendy-marie_martin">Wendy-Marie
<span class="whitespace-nowrap">
Martin
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">2</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value=" c.j  Bell" name="a[author][]" id="a_author__c_j__bell" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author__c_j__bell">c.j
<span class="whitespace-nowrap">
Bell
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Allison Green" name="a[author][]" id="a_author_allison_green" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_allison_green">Allison
<span class="whitespace-nowrap">
Green
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Amy Patel" name="a[author][]" id="a_author_amy_patel" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_amy_patel">Amy
<span class="whitespace-nowrap">
Patel
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Anna Porter" name="a[author][]" id="a_author_anna_porter" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_anna_porter">Anna
<span class="whitespace-nowrap">
Porter
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Christa Vogt" name="a[author][]" id="a_author_christa_vogt" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_christa_vogt">Christa
<span class="whitespace-nowrap">
Vogt
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Colin Oliver" name="a[author][]" id="a_author_colin_oliver" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_colin_oliver">Colin
<span class="whitespace-nowrap">
Oliver
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Elisabeth Oppelt" name="a[author][]" id="a_author_elisabeth_oppelt" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_elisabeth_oppelt">Elisabeth
<span class="whitespace-nowrap">
Oppelt
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Erin Carr" name="a[author][]" id="a_author_erin_carr" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_erin_carr">Erin
<span class="whitespace-nowrap">
Carr
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Kerry Hishon" name="a[author][]" id="a_author_kerry_hishon" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_kerry_hishon">Kerry
<span class="whitespace-nowrap">
Hishon
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Linda  Veneris" name="a[author][]" id="a_author_linda__veneris" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_linda__veneris">Linda
<span class="whitespace-nowrap">
Veneris
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Michael Calderone" name="a[author][]" id="a_author_michael_calderone" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_michael_calderone">Michael
<span class="whitespace-nowrap">
Calderone
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</span>
</label></div>

<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Ray Palasz" name="a[author][]" id="a_author_ray_palasz" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_ray_palasz">Ray
<span class="whitespace-nowrap">
Palasz
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">1</span>
</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>
