<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_50">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/practical-approaches-to-shakespeare-in-the-drama-classroom"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTEsInB1ciI6ImJsb2JfaWQifX0=--046620f473335963c67a907363c2902518f57102/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Practical_Approaches_to_Shakespeare_in_the_Drama_Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Practical Approaches to Shakespeare in the Drama Classroom (opens in new tab)" href="/dta_courses/practical-approaches-to-shakespeare-in-the-drama-classroom">Practical Approaches to Shakespeare in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Julie Hartley</p>
<div class="flex flex-wrap items-center 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>
19 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 9 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
5 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Shakespeare is one of the greatest resources a drama teacher can have: scenes packed with action; opportunities to explore comedy and physical theatre; rich themes and characters to act as springboards for devised theatre; the chance to work with our language at its finest and – most importantly – ideas that relate directly to the experiences and preoccupations of students.

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

This course presents teachers with as many ways in to the exploration of Shakespeare as possible. Action scenes, themes, characters, different theatre styles, and devised theatre projects. Students will be armed with the tools they need to begin individually exploring monologues, or working together on scenes.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Practical Approaches to Shakespeare in the Drama Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Practical Approaches to Shakespeare in the Drama Classroom</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: Shakespeare" href="/dta_tags/shakespeare-d6b7f55d-431b-4762-86b8-32445dd21846"><span aria-hidden>#</span>
Shakespeare
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_23">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/creating-the-ensemble-based-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjQsInB1ciI6ImJsb2JfaWQifX0=--7cfc56d03457c1eab32e44083cef86de35720aba/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Creating-the-Ensemble-Based-Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Creating the Ensemble-Based Classroom (opens in new tab)" href="/dta_courses/creating-the-ensemble-based-classroom">Creating the Ensemble-Based Classroom</a>
</h2><p class="text-muted -mt-2">by Gai Jones</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 12 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Gai Jones will help you establish an ensemble-based environment from the first day of class or rehearsal.

Learn how to set up your ensemble-based classroom from day one, get students to set classroom norms, and find the balance between creative activity and structure. You’ll learn how to give your students creative freedom through structure and classroom management. The cornerstone of this course are the detailed ensemble experiences from large group to small group and even individual experiences.

This course culminates in a devising model that you can use with your students, and takes you through process, product, performance and an evaluation.

You too can create the ensemble-based 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 Creating the Ensemble-Based Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Creating the Ensemble-Based 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: ensemble" href="/dta_tags/ensemble"><span aria-hidden>#</span>
ensemble
</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: devising" href="/dta_tags/devising"><span aria-hidden>#</span>
devising
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_55">
<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/hands-on-theatre-history-creating-a-modern-day-morality-play"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTYsInB1ciI6ImJsb2JfaWQifX0=--a3a05c62690fe75d13443df5b3274db62ae4fe01/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Hands_On_Theatre_History_Creating_a_Modern_Day_Morality_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="Hands-On Theatre History: Creating a Modern Day Morality Play (opens in new tab)" href="/dta_courses/hands-on-theatre-history-creating-a-modern-day-morality-play">Hands-On Theatre History: Creating a Modern Day Morality Play</a>
</h2><p class="text-muted -mt-2">by Wendy-Marie Martin</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, 25 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">
Who says theatre history has to be boring? Hands-On Theatre History: Creating a Modern Day Morality play is an interactive course by Wendy-Marie Martin, combining hands-on activities with research and analysis techniques leading to a full performance of the popular medieval morality play, Everyman.  

This course gives students an overview of the medieval period and the various medieval play forms and teaches students the key points of storytelling and adaptation. 

It includes dynamic individual and group exercises leading students from the first steps of the adaptation process through a final, full-class performance of Everyman—and proves, once and for all, that theatre history can be fun and exciting to learn.
</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 Hands-On Theatre History: Creating a Modern Day Morality Play</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Hands-On Theatre History: Creating a Modern Day Morality Play</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: theatre history" href="/dta_tags/theatre-history"><span aria-hidden>#</span>
theatre history
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_27">
<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/theatre-etiquette-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjgsInB1ciI6ImJsb2JfaWQifX0=--548dc5a4f98db1516748c373e68b25263e56cb79/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Theatre_Etiquette_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="Theatre Etiquette 101 (opens in new tab)" href="/dta_courses/theatre-etiquette-101">Theatre Etiquette 101</a>
</h2><p class="text-muted -mt-2">by Kerry Hishon</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, 40 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Instructor Kerry Hishon is an actor, director, writer, and stage combatant with years of experience in youth theatre. Her course, Theatre Etiquette 101, is designed to help students be successful in their theatrical journeys.

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

Every module has tips for both you and your students, classroom exercises, rehearsal exercises, and reflections. There are also printable posters included to use in your classroom or backstage.
</div>
<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 Theatre Etiquette 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 Theatre Etiquette 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: etiquette" href="/dta_tags/etiquette"><span aria-hidden>#</span>
etiquette
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: acting" href="/dta_tags/acting"><span aria-hidden>#</span>
acting
</a><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_70">
<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/sel-through-the-lens-of-theatre"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyODM1LCJwdXIiOiJibG9iX2lkIn19--83f9fd1714841671f5f875b2b70ef87a3075b101/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/SEL%20Through%20the%20Lens%20of%20Theatre.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="SEL Through the Lens of Theatre (opens in new tab)" href="/dta_courses/sel-through-the-lens-of-theatre">SEL Through the Lens of Theatre</a>
</h2><p class="text-muted -mt-2">by Christa Vogt</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>
2 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>
22 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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">
SEL stands for Social Emotional Learning. Theatre teachers know that Social Emotional Learning and its categories: Self-Awareness, Self-Management, Social Awareness, Relationship Skills and Responsible Decision Making, are innate in what we do. 

The goal of this mini-course is to show you that you can take SEL in the way that your administration wants you to, using the language they want you to use, and apply it to lessons you already teach. 

Instructor Christa Vogt will take you through the facets of SEL, and then take you step by step through an activity - to show you how you can apply SEL to each and every step.
</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 SEL Through the Lens of Theatre</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about SEL Through the Lens of Theatre</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: 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_61">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/impowerment-improv"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NjIsInB1ciI6ImJsb2JfaWQifX0=--6edd482b32701e9160b0b392649decc38d4aa9d5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Impowerment_Improv_Using_Improv_to_Create_Self-Awareness_and_Confidence_in_Your_Students.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Impowerment Improv (opens in new tab)" href="/dta_courses/impowerment-improv">Impowerment Improv</a>
</h2><p class="text-muted -mt-2">by Jennine Profeta</p>
<div class="flex flex-wrap items-center 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>
56 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">
Jennine Profeta, Second City performer and theatre educator, leads this course. This course was designed to give a teacher tools to create a safe environment in which students can go beyond their old patterns to take risks, embrace failure, be more confident and aware of the effects of their word choice.  The course includes modules on risk-taking, creating a safe environment, failure, confidence, and positive/negative speak.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Impowerment Improv</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Impowerment Improv</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: improv" href="/dta_tags/improv"><span aria-hidden>#</span>
improv
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: acting" href="/dta_tags/acting"><span aria-hidden>#</span>
acting
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_25">
<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-management-part-two"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjYsInB1ciI6ImJsb2JfaWQifX0=--a7b807c0a9af89c71727672c9abe8bfc037f9ab7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction_to_Stage_Management_2.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Introduction to Stage Management Part Two (opens in new tab)" href="/dta_courses/introduction-to-stage-management-part-two">Introduction to Stage Management Part Two</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, 28 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">
Karen Loftus instructs this second course in stage management - a companion to Introduction to Stage Management Part One. 

This course will review the major concepts covered in Introduction to Stage Management, and discuss the different types of technical rehearsals and how student stage managers prepare for and run them. You’ll learn how to teach your students to notate and call cues for a show. The course will also introduce strategies for student stage managers who work with student crews. It will discuss how you can provide the support your student stage managers need to be effective, and how that support helps to strengthen your overall program and theatre community.

Student stage managers start in the classroom, train during school productions, and can take these newly discovered and acquired skills on with them to colleges and careers and theatre (and beyond)!
</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 Management Part Two</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 Management Part Two</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: stage management" href="/dta_tags/stage-management"><span aria-hidden>#</span>
stage management
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: 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_43">
<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/beyond-the-basics-rehearsal-strategies-to-grow-your-actors"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDQsInB1ciI6ImJsb2JfaWQifX0=--ac73c08de0d2f5f528c98d11b29936a77f44ec93/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Beyond_the_Basics.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="Beyond the Basics: Rehearsal Strategies to Grow Your Actors (opens in new tab)" href="/dta_courses/beyond-the-basics-rehearsal-strategies-to-grow-your-actors">Beyond the Basics: Rehearsal Strategies to Grow Your Actors</a>
</h2><p class="text-muted -mt-2">by Julie Hartley</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>
16 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 3 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
5 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The focus of the teacher-director should be not only on the quality of the show, but on the value of the experience offered to student actors. This course takes you on this journey through practical rehearsal strategies that apply an ensemble approach.

This course starts with those all important first rehearsals, explores warm ups, and looks at character development. We examine specific types of plays, like classical texts and comedy, and conclude with strategies to solve common rehearsal problems.

Go beyond the basics!
</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 Beyond the Basics: Rehearsal Strategies to Grow Your Actors</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 Beyond the Basics: Rehearsal Strategies to Grow Your Actors</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: rehearsal" href="/dta_tags/rehearsal"><span aria-hidden>#</span>
rehearsal
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: 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_7">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/big-picture-blocking-staging-your-play-outside-in"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDgsInB1ciI6ImJsb2JfaWQifX0=--18f6624c8a97dc944c16ffa44752398a29f61487/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Big-Picture-Blocking.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Big Picture Blocking: Staging Your Play Outside-In (opens in new tab)" href="/dta_courses/big-picture-blocking-staging-your-play-outside-in">Big Picture Blocking: Staging Your Play Outside-In</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 3 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
6 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Working in educational theatre I know how easy it is to get bogged down in actor coaching and away from the bigger picture storytelling when directing a show. I saw a need for a method of text analysis and physical staging tools that help the director stay focused on the bigger picture of telling the story of the play.

This class is in two parts: The first consists of the text analysis tools P.A.S.T.O and Major Dramatic Question. From these tools you will brainstorm keywords to define your vision of the story.

In the second part of the class you will focus on taking the information generated in the text analysis and crafting the ideas into vibrant physical pictures through an exercise called Starburst.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Big Picture Blocking: Staging Your Play Outside-In</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Big Picture Blocking: Staging Your Play Outside-In</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: analysis" href="/dta_tags/analysis"><span aria-hidden>#</span>
analysis
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_2">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/from-audition-to-curtain-call-directing-youth-theatre"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDMsInB1ciI6ImJsb2JfaWQifX0=--01f1d99db1298c7f52d368f65879f7104cc56f17/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/From-Audition-to-Curtain-Call.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="From Audition to Curtain Call: Directing Youth Theatre (opens in new tab)" href="/dta_courses/from-audition-to-curtain-call-directing-youth-theatre">From Audition to Curtain Call: Directing Youth Theatre</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 42 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Directing youth theatre can be one of the most thrilling, rewarding, and exhausting jobs there is – because it’s not just about staging a play. It’s about creating an environment that fosters hard work, dedication, trust, and the willingness to take chances, to “play without fear.”

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

In this course, I will share with you these tips and strategies, along with the ways to implement them in your theatre environment.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about From Audition to Curtain Call: Directing Youth Theatre</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about From Audition to Curtain Call: Directing Youth Theatre</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: rehearsal" href="/dta_tags/rehearsal"><span aria-hidden>#</span>
rehearsal
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: audition" href="/dta_tags/audition"><span aria-hidden>#</span>
audition
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: popular" href="/dta_tags/popular"><span aria-hidden>#</span>
popular
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_72">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/organized-chaos-2nd-edition"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTYyMDk0LCJwdXIiOiJibG9iX2lkIn19--0180bdb20cf6e821975d075775013d8c82bcaa4d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Organized%20Chaos%20Second%20Edition.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Organized Chaos: 2nd Edition (opens in new tab)" href="/dta_courses/organized-chaos-2nd-edition">Organized Chaos: 2nd Edition</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
10 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 18 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
6 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Organized Chaos: Discipline in the Theatre Classroom will give you tools and strategies to prepare you for challenges you may face as you step up in front of a class of students and introduce them to the art of theatre.

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

This is a revised, 2nd edition of a favourite original course in the DTA, brought to you by experienced theatre educator, Matt Webster.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Organized Chaos: 2nd Edition</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Organized Chaos: 2nd Edition</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: classroom management" href="/dta_tags/classroom-management"><span aria-hidden>#</span>
classroom management
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_5">
<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-top-ten-playwriting-exercises"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDYsInB1ciI6ImJsb2JfaWQifX0=--b326f3b486eda1e320f13c6c450b3e06192992f3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Top-Ten-Playwriting-Exercises.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 Top Ten Playwriting Exercises (opens in new tab)" href="/dta_courses/the-top-ten-playwriting-exercises">The Top Ten Playwriting Exercises</a>
</h2><p class="text-muted -mt-2">by Lindsay Price</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 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>
6 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The Top Ten Playwriting Exercises Course not only gives you ten great exercises to ease your students into the playwriting waters, it's also going to give you the confidence to teach playwriting to your students.

Each exercise comes with instruction, why the exercise is important, how to assess the exercise and something specific for you to try.

Many of the modules include assignments and rubrics so you will be fully prepared to comprehend, apply and teach every these exercises.
</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 Top Ten Playwriting Exercises</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 Top Ten Playwriting Exercises</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: playwriting" href="/dta_tags/playwriting"><span aria-hidden>#</span>
playwriting
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: popular" href="/dta_tags/popular"><span aria-hidden>#</span>
popular
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_39">
<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/making-blood-and-gore-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDAsInB1ciI6ImJsb2JfaWQifX0=--83c6a8430a02b60d32a8530250fea1bb46678e92/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Making_Blood_and_Gore_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="Making Blood and Gore Tutorial (opens in new tab)" href="/dta_courses/making-blood-and-gore-tutorial">Making Blood and Gore Tutorial</a>
</h2><p class="text-muted -mt-2">by Linda  Veneris</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
33 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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 tutorial, led by Linda Veneris, shows teachers and students how to make blood and gore with easy to find, everyday ingredients. 

Included are recipes, video demonstrations, and top 10 tips for working with students on blood and gore. This tutorial can be part of a stage makeup unit in your classroom as well as for productions.
</div>
<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 Making Blood and Gore 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 Making Blood and Gore 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: popular" href="/dta_tags/popular"><span aria-hidden>#</span>
popular
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_68">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/social-emotional-learning-through-game-play"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTM4NDcwLCJwdXIiOiJibG9iX2lkIn19--e2c221cbf7070caf593288c49e776d57086daf77/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Social%20and%20Emotional%20Learning%20Through%20Game%20Play.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h3"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Social Emotional Learning through Game Play (opens in new tab)" href="/dta_courses/social-emotional-learning-through-game-play">Social Emotional Learning through Game Play</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
57 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The skills identified in Social Emotional Learning are the same skills theatre teachers spotlight in the warmups, games, and activities, as well as group work and theater-related assignments found in the drama curriculum every day. 

This course will break down the various games and activities in the drama classroom to identify, incorporate, and intensify the Social Emotional Learning outcomes we want our students to achieve. By the end of this course, you will be able to identify the five components of Social Emotional Learning and see the places in the curriculum where they intersect with basic games and activities in the drama classroom.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Social Emotional Learning through Game Play</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Social Emotional Learning through Game Play</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline 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><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></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_53">
<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/exploring-viewpoints"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NTQsInB1ciI6ImJsb2JfaWQifX0=--1f9a5238e8beae81a7de9eb72a88171eb3bb501b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Exploring_Viewpoints.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="Exploring Viewpoints (opens in new tab)" href="/dta_courses/exploring-viewpoints">Exploring Viewpoints</a>
</h2><p class="text-muted -mt-2">by Erin Carr</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
3 hours, 28 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
5 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Viewpoints is used to create dynamic moments of theatre by simply existing on the stage. However, Viewpoints is more than just an acting technique to understand your own physicality and more than a directing technique to create “ah-ha!” moments on stage. It is first and foremost the philosophy that to create an organic performance, you must see obstacle as opportunity, and that by simply standing in space, your creativity can spark.

This course by Erin Carr will help your students discover fresh impulses that motivate their performance in the moment. We will go through the Viewpoints technique, as created by Mary Overlie, and learn how to tap into kinesthetic awareness as individuals and as an ensemble. Through this style of play, students learn to release their thoughts on what they “should” do, and instead just respond organically to their surroundings and ensemble!

We’re going to break down each of the Viewpoints, there’s lots of visual demonstration, so you can see each Viewpoint in action, and I’m going to provide tips and side coaching examples.
</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 Exploring Viewpoints</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 Exploring Viewpoints</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_17">
<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-management-part-one"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MTgsInB1ciI6ImJsb2JfaWQifX0=--f6b6d976c35ee20a21b2604fb54c3dc9f8d9789b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Introduction-to-Stage-Management.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 Management Part One (opens in new tab)" href="/dta_courses/introduction-to-stage-management-part-one">Introduction to Stage Management Part One</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, 16 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
In this course, instructor Karen Loftus explores the responsibilities of a stage manager. You'll learn exercises that will help you demonstrate those responsibilities and the necessary skills of a stage manager to your students. You'll learn how to train your students to serve as stage managers for your school’s productions.

The course takes you through what a stage manager does prior to rehearsal and throughout the rehearsal and performance process to have a smooth-running backstage. It includes learning about the paperwork required, including prompt scripts, rehearsal preparations, notating blocking, and a stage manager’s kit and checklist to wrap it all together.
</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 Management Part One</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 Management Part One</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: rehearsal" href="/dta_tags/rehearsal"><span aria-hidden>#</span>
rehearsal
</a><a class="text-green-800 text-xs no-underline hover:underline inline-flex items-center gap-1 min-h-6" data-turbo-frame="_top" aria-label="Tag: 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: stage management" href="/dta_tags/stage-management"><span aria-hidden>#</span>
stage management
</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_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="my-4">
<nav class="pagy series-nav" aria-label="Pagination"><a href="/dta_courses?page=2" 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 rel="prev">2</a><a role="link" aria-disabled="true" aria-current="page">3</a><a href="/dta_courses?page=4" data-turbo-stream rel="next">4</a><a href="/dta_courses?page=4" data-turbo-stream rel="next" aria-label="Next">&gt;</a></nav>
</div>

</template></turbo-stream><turbo-stream action="update" target="search_aggregations"><template><div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Tag Name
</legend>
<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="production" name="a[tag_name][]" id="a_tag_name_production" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_production"><span class="whitespace-nowrap">
production
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">11</span>
</span>
</label></div>

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

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

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

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

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-tag_name" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-tag_name">
<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="technical theatre" name="a[tag_name][]" id="a_tag_name_technical_theatre" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_tag_name_technical_theatre">technical
<span class="whitespace-nowrap">
theatre
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">6</span>
</span>
</label></div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-tag_name" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Instructor
</legend>
<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Matt Webster" name="a[author][]" id="a_author_matt_webster" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_matt_webster">Matt
<span class="whitespace-nowrap">
Webster
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">10</span>
</span>
</label></div>

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

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

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

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

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-author" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-author">
<div class="group flex items-start gap-2 -mx-2 px-2 py-1 rounded-md transition-colors duration-150 hover:bg-sky-50 has-checked:bg-sky-100 has-checked:hover:bg-sky-100">
<input class="mt-0.5 size-4 shrink-0 accent-sky-700 cursor-pointer" type="checkbox" value="Lindsay Price" name="a[author][]" id="a_author_lindsay_price" />
<label class="flex-1 min-w-0 text-sm leading-tight cursor-pointer select-none transition-colors group-has-checked:font-medium group-has-checked:text-sky-950" for="a_author_lindsay_price">Lindsay
<span class="whitespace-nowrap">
Price
<span class="badge badge-aggregation mt-0 transition-colors group-has-checked:bg-sky-200 group-has-checked:text-sky-950">4</span>
</span>
</label></div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-author" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>

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