<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_52">
<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/get-students-to-embrace-failure-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTMsInB1ciI6ImJsb2JfaWQifX0=--452e6b91423fef5dbddc5c065d533802e5a785d9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Get_Students_to_Embrace_Failure_in_the_Drama_Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Get Students to Embrace Failure in the Drama Classroom (opens in new tab)" href="/dta_courses/get-students-to-embrace-failure-in-the-drama-classroom">Get Students to Embrace Failure 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>
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>
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>
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">
This course by Lindsay Price explores strategies you can use to encourage students to embrace failure rather than see it as a point of shame or something to hide from. 

Our goal for students is to embrace a try/fail/try again/fail/try again/succeed formula. Each module in this course comes with exercises and activities that you’ll be able to take into the classroom right away. 

It’s one thing to talk about embracing failure, it’s another to give students practical tools to help them achieve that goal. Join Lindsay in getting students to embrace failure in the drama classroom as we look at Failure from a Yes! perspective.
</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 Get Students to Embrace Failure 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 Get Students to Embrace Failure in the Drama Classroom</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<span></span>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_48">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/maximizing-your-ensemble-shoestring-101"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDksInB1ciI6ImJsb2JfaWQifX0=--62b748314a02bf7851df74e0b097a9552d9b035b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Maximizing_Your_Ensemble_-_Shoestring_101.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Maximizing Your Ensemble: Shoestring 101 (opens in new tab)" href="/dta_courses/maximizing-your-ensemble-shoestring-101">Maximizing Your Ensemble: Shoestring 101</a>
</h2><p class="text-muted -mt-2">by Michael Calderone</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 53 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This seven-part series is designed to transform that gaggle of actors cluttering your backstage from cumbersome extras into nothing less than the very center of your production.

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

The ensemble has a responsibility to work as one, and no role is more important than another. Without each actor playing their part, the other actors cannot tell the story to the best of their abilities. So join Michael in learning more about this exciting, practical and dramatic method.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Maximizing Your Ensemble: Shoestring 101</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Maximizing Your Ensemble: Shoestring 101</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: ensemble" href="/dta_tags/ensemble"><span aria-hidden>#</span>
ensemble
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_33">
<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/teaching-musical-theatre-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzQsInB1ciI6ImJsb2JfaWQifX0=--9fc6abde8dae4f950cd7b0a4e965669f8e596cfd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Teaching_Musical_Theatre_in_the_Drama_Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Teaching Musical Theatre in the Drama Classroom (opens in new tab)" href="/dta_courses/teaching-musical-theatre-in-the-drama-classroom">Teaching Musical Theatre in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Colin Oliver</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 51 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">
Colin Oliver leads this introduction to teaching Musical Theatre in the Drama Classroom.

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

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

So, join us for teaching Musical Theatre in the Drama Classroom. It’s as easy as Do-Re-Mi!
</div>
<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 Teaching Musical Theatre 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 Teaching Musical Theatre 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: musical theatre" href="/dta_tags/musical-theatre"><span aria-hidden>#</span>
musical theatre
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_67">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/soft-skills-the-tangible-value-of-the-drama-curriculum"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTM1Mzg3LCJwdXIiOiJibG9iX2lkIn19--492d5711772229f78b469a702ff5db9df2f2a28c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Soft%20Skills.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Soft Skills, The Tangible Value of the Drama Curriculum (opens in new tab)" href="/dta_courses/soft-skills-the-tangible-value-of-the-drama-curriculum">Soft Skills, The Tangible Value of the Drama Curriculum</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center 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>
48 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This course is about the fact that so-called soft skills are sought after and highly valued in professional work environments, educational settings, and in everyday social interactions. They're valuable life skills, but we can't always identify these skills within a standard educational setting, and yet, they are incredibly useful in education and beyond. That's why it's important to be able to identify these soft skills in the classroom and in the educational process and to recognize that these soft skills are being taught every day in the drama curriculum. We need to concentrate our efforts into making sure that these skills are identified and utilized within our classrooms.  They are built into every arts curriculum a school offers, especially the theater arts.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Soft Skills, The Tangible Value of the Drama Curriculum</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Soft Skills, The Tangible Value of the Drama Curriculum</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: social emotional learning" href="/dta_tags/social-emotional-learning"><span aria-hidden>#</span>
social emotional learning
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_35">
<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/teaching-theatre-with-divergent-students-and-class-sizes-in-mind"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzYsInB1ciI6ImJsb2JfaWQifX0=--21caaa7b66ab7f4ee2df1175716a5ab133df2e79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Teaching_Theatre_with_Divergent_Students_and_Class_Sizes_in_Mind.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="Teaching Theatre with Divergent Students and Class Sizes in Mind (opens in new tab)" href="/dta_courses/teaching-theatre-with-divergent-students-and-class-sizes-in-mind">Teaching Theatre with Divergent Students and Class Sizes in Mind</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 41 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">
Have you ever wondered how in the world you can have a successful theatre classroom with so many variables that you have absolutely no control over? The two biggest ones being the size of your class and the students that you’re in charge of turning into some truly talented theatre geeks. This course by Steven Stack explores that wonderful and often ridiculous world of theatre classrooms while giving you the tools for you and your students to not only succeed but to flourish as well.

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

The course also provides tons of ideas, games and activities that you can use instantly in your classroom. So, if you’re a first-time theatre teacher or one just looking for new ideas, this is the course for you.
</div>
<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 Teaching Theatre with Divergent Students and Class Sizes in Mind</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 Teaching Theatre with Divergent Students and Class Sizes in Mind</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_71">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/blood-blisters-bruises"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTU0NTY0LCJwdXIiOiJibG9iX2lkIn19--39851559c8e1f031485fe7ffd657e992d1b39a04/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Blood%20Blisters%20Bruises.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Blood, Blisters &amp; Bruises (opens in new tab)" href="/dta_courses/blood-blisters-bruises">Blood, Blisters &amp; Bruises</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
6 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 8 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Welcome to Blood, Blisters, and Bruises. This is an introductory course to learn how to use makeup to create scars, blisters, and bruises with a little blood on the side, and a special bonus section on creating zombies. You’re going to learn the techniques and materials you will need to do these special effects, and how to teach your students to do these special effects.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Blood, Blisters &amp; Bruises</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Blood, Blisters &amp; Bruises</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: makeup" href="/dta_tags/makeup"><span aria-hidden>#</span>
makeup
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_30">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/old-age-makeup-tutorial"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzEsInB1ciI6ImJsb2JfaWQifX0=--0523b7fb9fd679a1e18928104123a9d0b4872a57/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Old_Age_Makeup_Tutorial.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Old Age Makeup Tutorial (opens in new tab)" href="/dta_courses/old-age-makeup-tutorial">Old Age Makeup Tutorial</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 10 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Instructor Matt Webster guides this tutorial on Old Age Makeup. Old age is the number one special effect makeup you will do and it’s a great process to teach in your class.

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

The first part is the temple and the forehead. The second part are the cheeks and the jaw. Third will be lips, chin, and nose. Fourth is a section on the face called the nasolabial fold. Fifth, the eyes. And the sixth section will be looking at wrinkles, stippling and finishing the makeup look. These sections are designed to be seen one at a time and to teach within a 90-minute class between instruction, setup, practice, and cleanup. When you put them all together, you will have the parts and pieces to make a full old age makeup.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Old Age Makeup Tutorial</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Old Age Makeup Tutorial</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: makeup" href="/dta_tags/makeup"><span aria-hidden>#</span>
makeup
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: technical theatre" href="/dta_tags/technical-theatre"><span aria-hidden>#</span>
technical theatre
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_28">
<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/using-sketchup-in-the-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjksInB1ciI6ImJsb2JfaWQifX0=--fe7d3390981a2a0adf154962a7cdbdbe6516a1a2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Sketchup.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="Using SketchUp in the Classroom (opens in new tab)" href="/dta_courses/using-sketchup-in-the-classroom">Using SketchUp in the Classroom</a>
</h2><p class="text-muted -mt-2">by Ray Palasz</p>
<div class="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>
55 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Instructor Ray Palasz leads this introductory course in using SketchUp in the classroom.  

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

Each module also comes with a handout with visuals from SketchUp to guide you through the process. You will learn how SketchUp can add so much to your program.
</div>
<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 Using SketchUp in the 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 Using SketchUp in the 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_29">
<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-production-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzAsInB1ciI6ImJsb2JfaWQifX0=--92c74bbba158d00280ecc1bc3c34c973e9cd833e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The_Production_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 Production Classroom (opens in new tab)" href="/dta_courses/the-production-classroom">The Production Classroom</a>
</h2><p class="text-muted -mt-2">by Karen Loftus</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, 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>
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 The Production Classroom, instructor Karen Loftus will show you how to explore ways that you can produce shows during your regular class time. The course gives you a series of exercises and reflections that help you determine everything, from the type of show you may want to do, to the way you can divide up your class and responsibilities, to specific assignments that will keep your students engaged and focused.

The Production Classroom is the ultimate in project-based learning. Students learn to work collaboratively while setting goals and working towards a successful finished project.  The course includes exercises and strategies to use with students to help assure their success in the production. Multiple examples and anecdotes help you to envision what the production classroom could look like in your room, performance space or theatre.
</div>
<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 Production 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 Production 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: 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_45">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/how-to-create-assessments"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDYsInB1ciI6ImJsb2JfaWQifX0=--52cc8ac3f50357bfa7a9331468ce9e46b373e06b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/How_to_Create_Assessments.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="How to Create Assessments (opens in new tab)" href="/dta_courses/how-to-create-assessments">How to Create Assessments</a>
</h2><p class="text-muted -mt-2">by Maria Smith</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 50 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">
If you’d like to create your own projects and rubrics but have no idea where to begin or don’t have a background in drama education, this course was made with you in mind.

In any assessment, you choose where you want to go first and then you think of how you’re going to get there. And how to create assessments? This course will take you through the phases of creating an assessment so that you are prepared the next time you are inspired.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about How to Create Assessments</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about How to Create Assessments</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: assessment" href="/dta_tags/assessment"><span aria-hidden>#</span>
assessment
</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: rubric" href="/dta_tags/rubric"><span aria-hidden>#</span>
rubric
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_31">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/introduction-to-stage-makeup"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzIsInB1ciI6ImJsb2JfaWQifX0=--4959603d76702f8422d9e3267a5989a80fa6e184/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction-to-Stage-Makeup.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Introduction to Stage Makeup (opens in new tab)" href="/dta_courses/introduction-to-stage-makeup">Introduction to Stage Makeup</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="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>
54 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This introductory course in Stage Makeup is brought to you by Matt Webster, and covers all the basics. You’ll learn the tools you can use to build a makeup kit, how to match skin tone, what are the shapes of the face and how those shapes affect everything you do with makeup.

You’ll learn about highlight and shadow, blending, basic corrective makeup, safety and hygiene, and lastly, tips for teaching makeup. And throughout, sample exercises are included so you have the information you need to bring stage makeup into the drama classroom.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Introduction to Stage Makeup</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Introduction to Stage Makeup</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: makeup" href="/dta_tags/makeup"><span aria-hidden>#</span>
makeup
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: technical theatre" href="/dta_tags/technical-theatre"><span aria-hidden>#</span>
technical theatre
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_77">
<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-knowledge-integrating-tech-throughout-your-rehearsal-process"><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/eyJfcmFpbHMiOnsiZGF0YSI6MTgwNjc0LCJwdXIiOiJibG9iX2lkIn19--ee71af3e25856c883801a95f0b39b5be8ddbe87c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Tech%20Knowledge%20Integrating%20tech%20throughout%20your%20rehearsal%20process.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 Knowledge: Integrating Tech Throughout Your Rehearsal Process (opens in new tab)" href="/dta_courses/tech-knowledge-integrating-tech-throughout-your-rehearsal-process">Tech Knowledge: Integrating Tech Throughout Your Rehearsal Process</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>
17 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, 52 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This course will help you integrate technical theatre earlier in the creative process to help reduce the stress of tech week, and make sure you have what you need before choosing a show. We will explore how to include your technical theatre team from day one and will help you have an easier experience throughout the rehearsal process and final performances.
</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 Knowledge: Integrating Tech Throughout Your Rehearsal Process</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 Knowledge: Integrating Tech Throughout Your Rehearsal Process</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_38">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/marketing-the-arts"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzksInB1ciI6ImJsb2JfaWQifX0=--c2e018a33f49c0ac611516c2bd2f3f14fcf619f6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Marketing_the_Arts.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Marketing the Arts (opens in new tab)" href="/dta_courses/marketing-the-arts">Marketing the Arts</a>
</h2><p class="text-muted -mt-2">by James Van Leishout</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 1 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This course covers the four stages of creating and implementing a marketing plan. It starts with the question, what are you selling?, and goes all the way through to evaluation. The course covers both traditional and new media, with examples and opportunities to apply the learning to each teacher's own situation.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Marketing the Arts</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Marketing the Arts</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_12">
<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/laban-advanced-characterization"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTMsInB1ciI6ImJsb2JfaWQifX0=--3895a2883cd97deeab65607631898b6fb1617cf1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Laban-Advanced-Characterization.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="Laban: Advanced Characterization (opens in new tab)" href="/dta_courses/laban-advanced-characterization">Laban: Advanced Characterization</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
9 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 5 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">
Learn about the Laban system to teach your students to physically and vocally discover character. This is an advanced course, which means that the course goes deep into exploring character and exploring character work through the work of Rudolph Laban.
</div>
<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 Laban: Advanced Characterization</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 Laban: Advanced Characterization</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: character development" href="/dta_tags/character-development"><span aria-hidden>#</span>
character development
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_13">
<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/serious-play-theatre-games-and-warmups-for-rehearsal-and-ensemble-building"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTQsInB1ciI6ImJsb2JfaWQifX0=--6bb78cce820ad2ddabf97f7f256ddd8b9838d196/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Serious-Play.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="Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building (opens in new tab)" href="/dta_courses/serious-play-theatre-games-and-warmups-for-rehearsal-and-ensemble-building">Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="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, 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>
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 class, Serious Play, the instructor will lead you through a series of games in risk, movement, focus, and voice. You will get access to a series of all inclusive games that you can string together to make one giant game that is great to use in rehearsal. You will learn how and when to use these games. 

You'll get ideas on how to craft your own warm-up lesson plan; and, most importantly, you'll learn about about a pre-class warm-up that you can do on your own so that you can get yourself into that third stage of the creative brain, so that you can begin trying out interesting, creative, and risky choices for yourself in your classes and in rehearsals.
</div>
<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 Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building</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 Serious Play: Theatre Games and Warmups for Rehearsal and Ensemble Building</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: games" href="/dta_tags/games"><span aria-hidden>#</span>
games
</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: warm-ups" href="/dta_tags/warm-ups"><span aria-hidden>#</span>
warm-ups
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: rehearsal" href="/dta_tags/rehearsal"><span aria-hidden>#</span>
rehearsal
</a></div>
</div>
</div>
</div>
</div>

<div class="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><a href="/dta_courses?page=3" data-turbo-stream rel="prev" aria-label="Previous">&lt;</a><a href="/dta_courses?page=1" data-turbo-stream>1</a><a href="/dta_courses?page=2" data-turbo-stream>2</a><a href="/dta_courses?page=3" data-turbo-stream rel="prev">3</a><a role="link" aria-disabled="true" aria-current="page">4</a><a role="link" aria-disabled="true" 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 61-75 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>
