<turbo-stream action="update" target="results"><template><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 gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 22 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Screenwriter Nick Pappas leads a two-part course on screenplays 101. Great scriptwriting is not something that can be covered in a single course: so we're going to start with the basics. Those basics are going to be split up into a Part 1 and a Part 2. Part 1, this course, will concentrate on basic film structure. Part 2 will concentrate on screenplay formatting. 

By the end of this course, students should have a basic understanding of history, terminology, and are able to identify the barest bones of the three-act structure, all with an eye toward developing their own screenplay.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Screenplays 101 - Part 1: Basic Structure</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Screenplays 101 - Part 1: Basic Structure</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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_32">
<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/21st-century-skills-through-devising"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzMsInB1ciI6ImJsb2JfaWQifX0=--e4c330b298ce6c9952ecc7777958fa84ada009e3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/21st_Century_Skills_Through_Devising.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="21st Century Skills Through Devising (opens in new tab)" href="/dta_courses/21st-century-skills-through-devising">21st Century Skills Through Devising</a>
</h2><p class="text-muted -mt-2">by Allison Williams</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
12 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 18 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Allison Williams leads the course: <em>21st Century Skills Through Devising</em>. This course covers what devising is, why to do it, how to do it, and how your students can master the 21st Century Skills of collaborations and cooperation, critical thinking, creative thinking through devising. 

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

Your students have what it takes to create their own material, collaborate with each other, and have a unique theatrical experience!
</div>
<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 21st Century Skills Through Devising</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 21st Century Skills Through Devising</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: devising" href="/dta_tags/devising"><span aria-hidden>#</span>
devising
</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: 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_20">
<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-set-design"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjEsInB1ciI6ImJsb2JfaWQifX0=--d046170b66b51930715b64eed78270fb919a4e03/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Do-it-All-Set-Design.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="The Do-it-All Director&#39;s Introduction to Set Design (opens in new tab)" href="/dta_courses/the-do-it-all-director-s-introduction-to-set-design">The Do-it-All Director&#39;s Introduction to Set Design</a>
</h2><p class="text-muted -mt-2">by Holly Beardsley</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 40 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Holly Beardsley is a do-it-all director. She started directing middle and high school students in her early college years and since then has written over ten shows and directed twice as many.

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

The Do-it-All Director’s Introduction to Set Design will give you the director, who must do-it-all, the confidence and skills to not only direct but build your own set as well - no matter your experience or budget. This course will teach you set design basics, construction tips, budget tricks, and how to tackle your precious performance space armed with a hammer, and most importantly, without fear.
</div>
<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 Set Design</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 Set Design</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: set design" href="/dta_tags/set-design"><span aria-hidden>#</span>
set design
</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: props" href="/dta_tags/props"><span aria-hidden>#</span>
props
</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><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_14">
<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/breath-control-and-projection"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTUsInB1ciI6ImJsb2JfaWQifX0=--ba327164845da0e86b6d2ef09d59cb0aac783eff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Breath-Control-and-Projection.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="Breath Control and Projection (opens in new tab)" href="/dta_courses/breath-control-and-projection">Breath Control and Projection</a>
</h2><p class="text-muted -mt-2">by Elisabeth Oppelt</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
53 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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">
In this course, you will learn what breath control and projection are, how to breathe from your diaphragm and speak loudly without yelling, and how to teach these skills to your students. Led by teacher and singer Elisabeth Oppelt, this course will be helpful both in your teaching practices and in creating material to teach your students. This course also includes both formal and informal assessments for you to use in your 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 Breath Control and Projection</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 Breath Control and Projection</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: acting" href="/dta_tags/acting"><span aria-hidden>#</span>
acting
</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: voice" href="/dta_tags/voice"><span aria-hidden>#</span>
voice
</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 gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 12 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Do you know the difference between a bustle and a buckram frame? Or what works best as an emergency hem? Some directors are blessed with a big budget and a full support staff—a choreographer, a set designer, and a costumer. But the drama teacher often becomes director, choreographer, set designer, and costumer all in one. 

And a budget? What’s a budget? The Do-It-All Director’s Introduction to Costuming will give you, the director, who must do it all, the confidence and skills to costume and direct, no matter your experience or budget. This course will teach you costuming basics, budget tricks, organization, and most importantly, the art of costuming as a director.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Costuming</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about The Do-it-All Director&#39;s Introduction to Costuming</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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_64">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/every-day-you-deserve-a-round-of-applause-self-compassion-and-care-for-you-as-a-theatre-educator"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ODYxODgsInB1ciI6ImJsb2JfaWQifX0=--af5ea9454966d0433495bcb9482782bc87c62617/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Every%20Day%20You%20Deserve%20a%20Round%20of%20Applause.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator (opens in new tab)" href="/dta_courses/every-day-you-deserve-a-round-of-applause-self-compassion-and-care-for-you-as-a-theatre-educator">Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator</a>
</h2><p class="text-muted -mt-2">by Gai Jones</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
46 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Gai Jones leads this course in social and emotional self-compassion and care for the theatre educator. Join her on this 5-module journey to practice self-care and self-compassion while teaching educational theatre.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Every Day You Deserve a Round of Applause: Self-Compassion and Care for You as a Theatre Educator</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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_46">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/director-s-toolbox-1-teaching-students-to-direct"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDcsInB1ciI6ImJsb2JfaWQifX0=--33706cefe35f0b1f2788f2af8c7701b99f9a267c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Director&#39;s_Toolbox_1.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Director&#39;s Toolbox 1: Teaching Students to Direct (opens in new tab)" href="/dta_courses/director-s-toolbox-1-teaching-students-to-direct">Director&#39;s Toolbox 1: Teaching Students to Direct</a>
</h2><p class="text-muted -mt-2">by James Van Leishout</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 12 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
In this course, James Van Leishout explores why students should direct, and covers the first two tools in the director’s toolbox: self and the script. What background should every director have? Why should they learn to love research? What should happen in the first four reads of a script? 
With every step along the way, there will be exercises and activities your student directors can take on before they step into the rehearsal process.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Director&#39;s Toolbox 1: Teaching Students to Direct</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Director&#39;s Toolbox 1: Teaching Students to Direct</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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_49">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/director-s-toolbox-2-teaching-students-to-direct"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTAsInB1ciI6ImJsb2JfaWQifX0=--009bdd10dc4d1018089b0e26688e49144b18eec1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Director&#39;s_Toolbox_2.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Director&#39;s Toolbox 2: Teaching Students to Direct (opens in new tab)" href="/dta_courses/director-s-toolbox-2-teaching-students-to-direct">Director&#39;s Toolbox 2: Teaching Students to Direct</a>
</h2><p class="text-muted -mt-2">by James Van Leishout</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 47 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Director’s Toolbox 2: Teaching Students to Direct, explores the tools of the actor, rehearsal, space, and design. 
The tool of the actor will focus on creating a safe place to play, auditions, and how to communicate with actors. 
Rehearsals will look at the whole process from the first meeting to opening night. 
The tool of space will explore how to direct in different spaces and how to create focus through stage composition. 
Discover how an understanding of the elements of design help student-directors communicate with designers. The final step is a return to self and the mastery of self evaluation.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Director&#39;s Toolbox 2: Teaching Students to Direct</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Director&#39;s Toolbox 2: Teaching Students to Direct</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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><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_16">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/concept-based-design-for-the-theatre-teacher"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTcsInB1ciI6ImJsb2JfaWQifX0=--e551d4580b5208d90159c167b64e6209f7e6a3b6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Concept-Based-Design.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Concept-Based Design for the Theatre Teacher (opens in new tab)" href="/dta_courses/concept-based-design-for-the-theatre-teacher">Concept-Based Design for the Theatre Teacher</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 38 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Concept-Based Design is a method of design that allows the director and production team to create a unified world based on the ideas, perceptions and images extracted from an in-depth analysis of the play. Matt Webster designed this course for theatre teachers in a typical school setting with limited budgets, space and materials to use towards the design of their shows. Many theatre teachers feel most unsure about their design and tech skills and Matt wanted to help those teachers look at design differently, and make designing a show a little less scary and a little more fun!
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Concept-Based Design for the Theatre Teacher</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Concept-Based Design for the Theatre Teacher</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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><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: set design" href="/dta_tags/set-design"><span aria-hidden>#</span>
set design
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_26">
<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/basic-lighting-for-drama-teachers"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjcsInB1ciI6ImJsb2JfaWQifX0=--32859932e9f7375b36f69012d917feb92222fd04/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/basic_lighting.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="Basic Lighting for Drama Teachers (opens in new tab)" href="/dta_courses/basic-lighting-for-drama-teachers">Basic Lighting for Drama Teachers</a>
</h2><p class="text-muted -mt-2">by Claire Broome</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
6 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
36 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Join drama teacher Claire Broome and explore the basics of lighting, including lighting systems and instruments, lighting plots, how to record a lighting cue, and alternative sources of lighting. You’ll learn some practical, hands-on ways of using lighting in your classroom or theatre, whether you have a lighting system or not.

This course is packed with hands-on examples, activities for your students, and videos to develop your students’ understanding. Find out why lighting is such an important character in a production.
</div>
<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 Basic Lighting for Drama Teachers</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Basic Lighting for Drama Teachers</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: lighting" href="/dta_tags/lighting"><span aria-hidden>#</span>
lighting
</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="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 gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 31 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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_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 gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 31 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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_9">
<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/working-with-monologues-for-rehearsal-and-development"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTAsInB1ciI6ImJsb2JfaWQifX0=--2de7c7e8ffcc747f06b4a1b55abb474b047e1088/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Working-with-Monologues.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="Working With Monologues For Rehearsal And Development (opens in new tab)" href="/dta_courses/working-with-monologues-for-rehearsal-and-development">Working With Monologues For Rehearsal And Development</a>
</h2><p class="text-muted -mt-2">by Gai Jones</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 9 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
In "Working With Monologues For Rehearsal And Development" you will develop ten sessions of study on monologues. The study contains the definition and history of the monologue; monologue vocabulary; analysis of a practice monologue, staging a short monologue; working with musical theatre lyrics as a monologue; writing short autobiographical monologues.

At the end of this course, you will have a curriculum which can be used as introduction to monologue work.
</div>
<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 Working With Monologues For Rehearsal And Development</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 Working With Monologues For Rehearsal And Development</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: monologue" href="/dta_tags/monologue"><span aria-hidden>#</span>
monologue
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_44">
<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-empathetic-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDUsInB1ciI6ImJsb2JfaWQifX0=--c020fbd547d01e6bf93a4bba38cdfcf3c09b3e9e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The_Empathetic_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="The Empathetic Classroom (opens in new tab)" href="/dta_courses/the-empathetic-classroom">The Empathetic Classroom</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 6 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Why should you take a class on empathy? And why is theatre the perfect vehicle for empathy?

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

Teaching students to understand the clothes that they’re putting on, the characters and their lives teaches students not how to act but how to be. It allows the students to feel what someone else feels and experiences, which can and should translate to their fellow actors and peers away from the stage. It will lead to a stronger class connection, stronger performances and stronger students who will seek out understanding instead of isolation and fear.
</div>
<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 Empathetic 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 The Empathetic 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: 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_37">
<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/tech-for-non-techies-teaching-technical-theatre-in-your-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzgsInB1ciI6ImJsb2JfaWQifX0=--1ad2a412401a1c51fc705867ecf8131828fbac91/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Tech_for_Non-Techies_-_Teaching_Technical_Theatre_in_Your_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="Tech for Non-Techies: Teaching Technical Theatre in Your Drama Classroom (opens in new tab)" href="/dta_courses/tech-for-non-techies-teaching-technical-theatre-in-your-drama-classroom">Tech for Non-Techies: Teaching Technical Theatre in Your Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Josh Hatt</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 23 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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">
In this course, instructor Joshua Hatt shows you how to unpack your drama standards, articulate what you want your students to know and be able to do. The material explores how to incorporate lights, sound, makeup, staging, and costuming into your drama class at any grade level regardless of your school resources or unit structure. Bells and whistles? Awesome! Barely a classroom? We’ve still got you covered. 

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

A wise theatre technician once said: “the theatre mirrors life but technical theatre teachers us how to live.” Try to keep that statement in mind as you work through this course and see if we can make you a believer in all things technical theatre.
</div>
<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 Tech for Non-Techies: Teaching Technical Theatre in Your 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 Tech for Non-Techies: Teaching Technical Theatre in Your 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: technical theatre" href="/dta_tags/technical-theatre"><span aria-hidden>#</span>
technical theatre
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_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 gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 38 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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_66">
<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-adult-in-the-room-understanding-your-relationship-to-your-students"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTIyMDE2LCJwdXIiOiJibG9iX2lkIn19--75c6dfeeb0617bd5a9f01ef5d0be4483461e5fa7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The%20Adult%20in%20the%20Room.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 Adult in the Room: Understanding Your Relationship to Your Students (opens in new tab)" href="/dta_courses/the-adult-in-the-room-understanding-your-relationship-to-your-students">The Adult in the Room: Understanding Your Relationship to Your Students</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
35 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
How do we build or rebuild relationships in the classroom? Well, first, you must understand the difference between your relationship with your students and your relationship to your students. Once you understand the difference between those two relationships, you can construct a professional working relationship in your classroom. At the end of this course, you'll have a better understanding of the different relationships between you and your students and why establishing a healthy professional relationship is best for everyone concerned.
</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 Adult in the Room: Understanding Your Relationship to Your Students</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 Adult in the Room: Understanding Your Relationship to Your Students</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_40">
<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-1"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDEsInB1ciI6ImJsb2JfaWQifX0=--ed04c1386f5df39e3e20beeb9465af4ba56be939/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Preventing_Pandemonium_Part_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="Preventing Pandemonium: Part 1 (opens in new tab)" href="/dta_courses/preventing-pandemonium-part-1">Preventing Pandemonium: Part 1</a>
</h2><p class="text-muted -mt-2">by Maria Smith</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
12 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 43 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
8 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 1, Maria Smith will share with you a classroom management tool critical to success. It’s called procedures. Procedures are daily classroom management routines that are the key to classroom management success. They are the essential element of classroom management. 

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

Imagine yourself in a classroom where you can spend most of your time teaching and keep students on track without the constant lecturing. If that sounds appealing, then start the first module.
</div>
<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 1</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 1</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_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 gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
9 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 4 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
6 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
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_63">
<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/rethink-pacing-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/eyJfcmFpbHMiOnsiZGF0YSI6NTc2MzgsInB1ciI6ImJsb2JfaWQifX0=--8ea6905228d984c1b707a96b8819abcfabe248ab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Rethink%20Pacing%20in%20the%20Drama%20Classroom.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="Rethink Pacing in the Drama Classroom (opens in new tab)" href="/dta_courses/rethink-pacing-in-the-drama-classroom">Rethink Pacing in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
33 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Pacing is one of the invisible hands of good teaching. Pacing is a fundamental component of a well run classroom.  Many challenging issues that teachers face in the classroom stem from undiagnosed pacing issues: From comprehension to classroom management, pacing can be identified as both the source, and the solution of these problems. This course covers the Definition of Pacing, Non-Standardized curriculum, Pacing and Authentic learning, Expanding and Contracting The Pace, Transitions, Rehearsals and Hidden Pacing.
</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 Rethink Pacing 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 Rethink Pacing 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: classroom management" href="/dta_tags/classroom-management"><span aria-hidden>#</span>
classroom management
</a></div>
</div>
</div>
</div>
</div>

<div class="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><a href="/dta_courses?page=1" data-turbo-stream rel="prev" aria-label="Previous">&lt;</a><a href="/dta_courses?page=1" data-turbo-stream rel="prev">1</a><a role="link" aria-disabled="true" aria-current="page">2</a><a href="/dta_courses?page=3" data-turbo-stream rel="next">3</a><a href="/dta_courses?page=4" data-turbo-stream>4</a><a href="/dta_courses?page=3" data-turbo-stream rel="next" aria-label="Next">&gt;</a></nav>
</div>

</template></turbo-stream><turbo-stream action="update" target="search_aggregations"><template><div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Tag Name
</legend>
<div 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 21-40 of 75 in total</span>
</div>

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