<turbo-stream action="update" target="results"><template><div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_21">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/commedia-i-playing-comedy"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjIsInB1ciI6ImJsb2JfaWQifX0=--8e639dd55894af4ede7ff4575960784158637e4e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Commedia-One.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Commedia I: Playing Comedy (opens in new tab)" href="/dta_courses/commedia-i-playing-comedy">Commedia I: Playing Comedy</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
8 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 31 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
7 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Commedia dell’arte is a 16th Century masked acting form. It’s the basis of all comedy and it’s a form that many teachers want to include in their curriculum. 

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

In Commedia I: Playing Comedy - Todd teaches the principles of comedy through four key elements: status, appetite, swing, and intention/invention. This course provides an excellent foundation upon which to explore Commedia to its fullest. Includes bonus videos, handouts, reflections, and exit slip question ideas for each lesson.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Commedia I: Playing Comedy</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Commedia I: Playing Comedy</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: commedia" href="/dta_tags/commedia"><span aria-hidden>#</span>
commedia
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: acting" href="/dta_tags/acting"><span aria-hidden>#</span>
acting
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_22">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/commedia-ii-style"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MjMsInB1ciI6ImJsb2JfaWQifX0=--554613bf4bc03c1fc59e4e823d314a0f3936c3cd/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Commedia-Two.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Commedia II: Style (opens in new tab)" href="/dta_courses/commedia-ii-style">Commedia II: Style</a>
</h2><p class="text-muted -mt-2">by Todd Espeland</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
11 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
2 hours, 31 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
7 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Commedia dell’arte is a 16th Century masked acting form. It’s the basis of all comedy and it’s a form that many teachers want to include in their curriculum.

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

In Commedia II: Style - Todd moves on to the specific style of Commedia dell’arte. This includes a history of commedia, the stock characters and how to physicalize them, sample lazzi and a capstone assignment. The course includes video demonstrations so you can see the exercises and activities in action.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Commedia II: Style</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Commedia II: Style</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: commedia" href="/dta_tags/commedia"><span aria-hidden>#</span>
commedia
</a><a class="text-green-800 text-xs no-underline hover:underline" 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_32">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/21st-century-skills-through-devising"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzMsInB1ciI6ImJsb2JfaWQifX0=--e4c330b298ce6c9952ecc7777958fa84ada009e3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/21st_Century_Skills_Through_Devising.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="21st Century Skills Through Devising (opens in new tab)" href="/dta_courses/21st-century-skills-through-devising">21st Century Skills Through Devising</a>
</h2><p class="text-muted -mt-2">by Allison Williams</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
12 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 18 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
4 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Allison Williams leads the course: <em>21st Century Skills Through Devising</em>. This course covers what devising is, why to do it, how to do it, and how your students can master the 21st Century Skills of collaborations and cooperation, critical thinking, creative thinking through devising. 

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

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

Module One discusses the types of online learning - the advantages and disadvantages. Module Two, covers the first step: the online instruction. Module Three covers the face-to-face time and putting it all together. You will walk away from these modules with a prepared unit of study.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Creating a Blended Learning Environment: Flipping Your Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Creating a Blended Learning Environment: Flipping Your Classroom</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<span></span>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_59">
<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/approaching-drama-class-with-an-indigenous-perspective"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NjAsInB1ciI6ImJsb2JfaWQifX0=--6e30f311a1550c09bc56ea5879b422ec572804a9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Approaching_Drama_Class_with_an_Indigenous_Perspective.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Approaching Drama Class with an Indigenous Perspective (opens in new tab)" href="/dta_courses/approaching-drama-class-with-an-indigenous-perspective">Approaching Drama Class with an Indigenous Perspective</a>
</h2><p class="text-muted -mt-2">by Allison Green</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>
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">
This course is led by Allison Green, a member of the Algonquin Band of Mattawa, and a drama and social sciences teacher in Northern Ontario, Canada. She believes that drama teachers should look at their teaching through an Indigenous lens for a few reasons: 

- It is time in North America to take a conscientious look at Indigenous people’s approach to learning and teaching.
- For our Indigenous students, it’s important to see themselves in materials, activities, and classroom routines.
- It is also valuable for our non-Indigenous students to see and better understand the diverse nature of the creative process and ways of seeing our world through this lens. 

This course aims to help teachers see their drama class through an Indigenous lens - by exploring the learning circle, culturally responsive approaches, and Indigenous pedagogy.
</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 Approaching Drama Class with an Indigenous Perspective</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 Approaching Drama Class with an Indigenous Perspective</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: indigenous" href="/dta_tags/indigenous"><span aria-hidden>#</span>
indigenous
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: bipoc" href="/dta_tags/bipoc"><span aria-hidden>#</span>
bipoc
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_60">
<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-anti-realism"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NjEsInB1ciI6ImJsb2JfaWQifX0=--8b702b8824ef079561365dbc3fb990d52c9b9098/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Hands_On_Theatre_History_Anti-Realism.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Hands-On Theatre History: Anti-Realism (opens in new tab)" href="/dta_courses/hands-on-theatre-history-anti-realism">Hands-On Theatre History: Anti-Realism</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, 41 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This course is a mix of individual and group activities requiring students to use both their analytical and creative mind. It gives students an overview on the Anti-Realism movement of the late-19th and early-20th century, and introduces them to some key theorists, playwrights, and theater makers involved in this movement. 

Together we will guide students through the wild world of the “isms,” more specifically Symbolism, Dadaism, Surrealism, Expressionism and Absurdism. We will introduce students to various manifestos and theories as we track the characteristics of each of our five “isms.” As we combine analysis and creative exercises, students bring their entire self to process and prepare to design an ISM Theme Park project, which they will share with the class at the end of the course.
</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: Anti-Realism</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: Anti-Realism</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: 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_65">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/lgbtq-101-affirming-practices"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6OTE4ODksInB1ciI6ImJsb2JfaWQifX0=--39f1b725fe725fb6c208ca985209577763d7d539/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/LGBTQ+%20101%20Affirming%20Practices.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="LGBTQ+ 101 &amp; Affirming Practices (opens in new tab)" href="/dta_courses/lgbtq-101-affirming-practices">LGBTQ+ 101 &amp; Affirming Practices</a>
</h2><p class="text-muted -mt-2">by  c.j  Bell</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
4 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
36 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Welcome to LGBTQ+ Inclusion 101 &amp; Affirming Practices. This course is led by c.j Bell, pronouns they/them. By the end of this course, you'll be able to successfully implement LGBTQIA+ and LGBTQ2S+ practices in the classroom. And you will learn more information on how you, yourself, can relate to these specific margins, as an educator.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about LGBTQ+ 101 &amp; Affirming Practices</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about LGBTQ+ 101 &amp; Affirming Practices</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: LGBTQ+" href="/dta_tags/lgbtq"><span aria-hidden>#</span>
LGBTQ+
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_67">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/soft-skills-the-tangible-value-of-the-drama-curriculum"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTM1Mzg3LCJwdXIiOiJibG9iX2lkIn19--492d5711772229f78b469a702ff5db9df2f2a28c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Soft%20Skills.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Soft Skills, The Tangible Value of the Drama Curriculum (opens in new tab)" href="/dta_courses/soft-skills-the-tangible-value-of-the-drama-curriculum">Soft Skills, The Tangible Value of the Drama Curriculum</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
6 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
48 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
2 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This course is about the fact that so-called soft skills are sought after and highly valued in professional work environments, educational settings, and in everyday social interactions. They're valuable life skills, but we can't always identify these skills within a standard educational setting, and yet, they are incredibly useful in education and beyond. That's why it's important to be able to identify these soft skills in the classroom and in the educational process and to recognize that these soft skills are being taught every day in the drama curriculum. We need to concentrate our efforts into making sure that these skills are identified and utilized within our classrooms.  They are built into every arts curriculum a school offers, especially the theater arts.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Soft Skills, The Tangible Value of the Drama Curriculum</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Soft Skills, The Tangible Value of the Drama Curriculum</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: social emotional learning" href="/dta_tags/social-emotional-learning"><span aria-hidden>#</span>
social emotional learning
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_69">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/how-to-give-feedback-to-student-playwrights"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTQyMDM3LCJwdXIiOiJibG9iX2lkIn19--ed114ce3d45dce4af08512dda45300e310d35e6b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/How%20to%20Give%20Feedback%20to%20Student%20Playwrights.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="How to Give Feedback to Student Playwrights (opens in new tab)" href="/dta_courses/how-to-give-feedback-to-student-playwrights">How to Give Feedback to Student Playwrights</a>
</h2><p class="text-muted -mt-2">by Nicholas Pappas</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
6 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 23 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
The two big questions we’re going to answer in this course are: What is feedback? And, What is useful feedback? Now, if you asked a hundred people to answer these two questions, you’ll likely get a hundred different answers, but at its core, all the answers will focus on giving notes that will improve the work, which, in this case, is our student’s plays. And, as a teacher, that’s what your hope is, right? To help your students improve as writers, one work at a time.

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

Join Nick Pappas in this course designed to give you the tools to help your student writers find their voice.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about How to Give Feedback to Student Playwrights</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about How to Give Feedback to Student Playwrights</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: playwriting" href="/dta_tags/playwriting"><span aria-hidden>#</span>
playwriting
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_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="h4"><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" 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_8">
<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/mission-possible-creating-a-mission-and-unified-vision-for-your-theatre-program"><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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MDksInB1ciI6ImJsb2JfaWQifX0=--cf6f65e55156f9c51a6bbdb73febee61d0c0dea5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Mission-Possible.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program (opens in new tab)" href="/dta_courses/mission-possible-creating-a-mission-and-unified-vision-for-your-theatre-program">Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program</a>
</h2><p class="text-muted -mt-2">by Amy Patel</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>
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">
Whether you're in a new school or have an existing program, you can use a Mission Statement to define your program, unify your students and let everyone know from administration, to parents, to the community why you do theatre, what you do and how you do it.  Learn how to create this powerful and vital statement with your students. Mission Possible takes you through step by step from asking the right questions, to looking at your school culture and traditions, to writing and revising, to shouting your statement from the rooftops.
</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 Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program</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 Mission Possible: Creating A Mission And Unified Vision For Your Theatre Program</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_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="h4"><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" 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" data-turbo-frame="_top" aria-label="Tag: production" href="/dta_tags/production"><span aria-hidden>#</span>
production
</a><a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: directing" href="/dta_tags/directing"><span aria-hidden>#</span>
directing
</a></div>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_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="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Get Students to Embrace Failure in the Drama Classroom (opens in new tab)" href="/dta_courses/get-students-to-embrace-failure-in-the-drama-classroom">Get Students to Embrace Failure in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Lindsay Price</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
5 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
38 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
This course by Lindsay Price explores strategies you can use to encourage students to embrace failure rather than see it as a point of shame or something to hide from. 

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

It’s one thing to talk about embracing failure, it’s another to give students practical tools to help them achieve that goal. Join Lindsay in getting students to embrace failure in the drama classroom as we look at Failure from a Yes! perspective.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Get Students to Embrace Failure in the Drama Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Get Students to Embrace Failure in the Drama Classroom</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<span></span>
</div>
</div>
</div>
</div>
<div class="card-dta-thing @container hover:shadow-xl hover:border-red-800 transition dta_course_36">
<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/google-tools-in-the-theatre-arts-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2MzcsInB1ciI6ImJsb2JfaWQifX0=--8a3e21e8669d85837be8d56186ef7802d5be0f6a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Google_Tools_in_the_Theatre_Arts_Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Google Tools in the Theatre Arts Classroom (opens in new tab)" href="/dta_courses/google-tools-in-the-theatre-arts-classroom">Google Tools in the Theatre Arts Classroom</a>
</h2><p class="text-muted -mt-2">by Anna Porter</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
9 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 32 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Have you been wanting to find some new ways to enhance your classroom with technology? Have you been told you need to integrate technology in your classroom but don’t know where to start or what would even make sense to use in the drama classroom? 

Whether you want to find some new ways to diversify your instruction and assessment, provide new resources and opportunities for your students, or simply needs some help with organization and communication, Google Tools has a treasure trove of resources ready for you to use today.

Instructor Anna Porter covers the tools of Google Forms, Photos, Calendar, Earth, Custom Search and Sites. Each lesson has video examples of how to use the tools as well as tips and resources for each module.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Google Tools in the Theatre Arts 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 Google Tools in the Theatre Arts 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" 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_63">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/rethink-pacing-in-the-drama-classroom"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NTc2MzgsInB1ciI6ImJsb2JfaWQifX0=--8ea6905228d984c1b707a96b8819abcfabe248ab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Rethink%20Pacing%20in%20the%20Drama%20Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Rethink Pacing in the Drama Classroom (opens in new tab)" href="/dta_courses/rethink-pacing-in-the-drama-classroom">Rethink Pacing in the Drama Classroom</a>
</h2><p class="text-muted -mt-2">by Matt Webster</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
7 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
33 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
1 Credit Hour
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Pacing is one of the invisible hands of good teaching. Pacing is a fundamental component of a well run classroom.  Many challenging issues that teachers face in the classroom stem from undiagnosed pacing issues: From comprehension to classroom management, pacing can be identified as both the source, and the solution of these problems. This course covers the Definition of Pacing, Non-Standardized curriculum, Pacing and Authentic learning, Expanding and Contracting The Pace, Transitions, Rehearsals and Hidden Pacing.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Rethink Pacing in the Drama Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Rethink Pacing in the Drama Classroom</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: classroom management" href="/dta_tags/classroom-management"><span aria-hidden>#</span>
classroom management
</a><a class="text-green-800 text-xs no-underline hover:underline" 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_42">
<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-process-of-creativity-in-the-theatre-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/eyJfcmFpbHMiOnsiZGF0YSI6MzE2NDMsInB1ciI6ImJsb2JfaWQifX0=--abe3f4fb16b3cd511241d632c2be6abdc795e334/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/The_Process_of_Creativity_in_the_Theatre_Classroom.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="The Process of Creativity in the Theatre Classroom (opens in new tab)" href="/dta_courses/the-process-of-creativity-in-the-theatre-classroom">The Process of Creativity in the Theatre 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>
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>
2 hours, 38 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
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">
Gai Jones leads this course in establishing an environment of creative experimentation in the theatre classroom, in order to have a group of student actors who value the creative process.  
 
Each lesson shares experiences to foster creativity without the stress of performance by student actors. For the creative process which honors out-of-the-box thinking, there is no assessment section included. There is no product or performance. The important thing is the student actor’s engagement. Their reflections and your observations are valued for positive learning.
 
This set of lessons includes Tips for the Theatre Educator, based on Gai's own Theatre practice. Scripts are also provided and contain text of what you can say to your students to facilitate their creative processes.
</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 Process of Creativity in the Theatre Classroom</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about The Process of Creativity in the Theatre 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" 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="h4"><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" 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_73">
<div class="flex-row @3xl:flex gap-2">
<div class="hidden @3xl:block w-48 flex-none p-2">
<a class="block" data-turbo-frame="_top" tabindex="-1" aria-hidden="true" href="/dta_courses/playwriting-outside-the-lines"><div class="w-full bg-slate-700 animate-pulse aspect-[1.91/1]" data-controller="image-loading">
<img class="img-fluid border border-gray-200 shadow-xl rounded-sm" alt="" width="1500" height="1025" loading="lazy" data-image-loading-target="image" src="https://www.theatrefolk.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MTY3ODgwLCJwdXIiOiJibG9iX2lkIn19--547ec9c114442db66331885dae272a0d5ab10d9f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszNzYsMjU3XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--79ad0bca55bfae9cdff7c5b15fb70d88963b62c0/Playwriting%20Outside%20the%20Lines.png" />
</div>
</a><div class="dtaItemType dtaCourses">
PD COURSE
</div>
</div>
<div class="p-4 flex-grow min-w-0" data-action="click-&gt;clickable-div#clicked" data-controller="clickable-div">
<h2 class="h4"><a data-turbo-frame="_top" data-clickable-div-target="mainLink" target="_blank" aria-label="Playwriting Outside the Lines (opens in new tab)" href="/dta_courses/playwriting-outside-the-lines">Playwriting Outside the Lines</a>
</h2><p class="text-muted -mt-2">by Steven Stack</p>
<div class="flex flex-wrap items-center gap-1 5 mb-2">
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-chalkboard-teacher text-xs"></i>
6 modules
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-video text-xs"></i>
1 hours, 34 minutes
</span>
<span class="inline-flex items-center gap-1 text-xs font-bold px-2 py-0 5 rounded-full bg-red-100 text-red-950">
<i aria-hidden="true" class="fa-solid fa-file-certificate text-xs"></i>
3 Credit Hours
</span>
</div>
<div class="mb-3" data-controller="read-more" data-read-more-clamp-class-value="line-clamp-3">
<div class="line-clamp-3" data-read-more-target="text">
Instructor Steven Stack leads this course in a unique way to teach playwriting. He will show you how to set foundations and guide posts for your students, and then give them freedom to play. The intent is to help students develop their own voice and create for creating sake. The 5 modules lead teachers through how to use this style of teaching playwriting, and includes handouts and resources to support the learning.
</div>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readMore:prevent:stop" data-read-more-target="more" type="button">
Read More
<span class="sr-only">about Playwriting Outside the Lines</span>
</button>
<button class="hidden text-sm font-semibold bg-transparent border-0 p-0 cursor-pointer text-sky-700 hover:text-sky-900" data-action="click-&gt;read-more#readLess:prevent:stop" data-read-more-target="less" type="button">
Read Less
<span class="sr-only">about Playwriting Outside the Lines</span>
</button>
</div>
<div class="flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap gap-x-2 gap-y-1">
<a class="text-green-800 text-xs no-underline hover:underline" data-turbo-frame="_top" aria-label="Tag: playwriting" href="/dta_tags/playwriting"><span aria-hidden>#</span>
playwriting
</a></div>
</div>
</div>
</div>
</div>

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

</template></turbo-stream><turbo-stream action="update" target="search_aggregations"><template><div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Tag Name
</legend>
<div>
<input type="checkbox" value="production" name="a[tag_name][]" id="a_tag_name_production" />
<label for="a_tag_name_production">production
<span class="badge badge-aggregation">11</span>
</label></div>

<div>
<input type="checkbox" value="directing" name="a[tag_name][]" id="a_tag_name_directing" />
<label for="a_tag_name_directing">directing
<span class="badge badge-aggregation">9</span>
</label></div>

<div>
<input type="checkbox" value="acting" name="a[tag_name][]" id="a_tag_name_acting" />
<label for="a_tag_name_acting">acting
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="playwriting" name="a[tag_name][]" id="a_tag_name_playwriting" />
<label for="a_tag_name_playwriting">playwriting
<span class="badge badge-aggregation">8</span>
</label></div>

<div>
<input type="checkbox" value="social emotional learning" name="a[tag_name][]" id="a_tag_name_social_emotional_learning" />
<label for="a_tag_name_social_emotional_learning">social emotional learning
<span class="badge badge-aggregation">7</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-tag_name" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-tag_name">
<div>
<input type="checkbox" value="technical theatre" name="a[tag_name][]" id="a_tag_name_technical_theatre" />
<label for="a_tag_name_technical_theatre">technical theatre
<span class="badge badge-aggregation">6</span>
</label></div>

<div>
<input type="checkbox" value="classroom management" name="a[tag_name][]" id="a_tag_name_classroom_management" />
<label for="a_tag_name_classroom_management">classroom management
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="makeup" name="a[tag_name][]" id="a_tag_name_makeup" />
<label for="a_tag_name_makeup">makeup
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="rehearsal" name="a[tag_name][]" id="a_tag_name_rehearsal" />
<label for="a_tag_name_rehearsal">rehearsal
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Shakespeare" name="a[tag_name][]" id="a_tag_name_shakespeare" />
<label for="a_tag_name_shakespeare">Shakespeare
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="analysis" name="a[tag_name][]" id="a_tag_name_analysis" />
<label for="a_tag_name_analysis">analysis
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="character development" name="a[tag_name][]" id="a_tag_name_character_development" />
<label for="a_tag_name_character_development">character development
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="ensemble" name="a[tag_name][]" id="a_tag_name_ensemble" />
<label for="a_tag_name_ensemble">ensemble
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="games" name="a[tag_name][]" id="a_tag_name_games" />
<label for="a_tag_name_games">games
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="improv" name="a[tag_name][]" id="a_tag_name_improv" />
<label for="a_tag_name_improv">improv
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="popular" name="a[tag_name][]" id="a_tag_name_popular" />
<label for="a_tag_name_popular">popular
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="commedia" name="a[tag_name][]" id="a_tag_name_commedia" />
<label for="a_tag_name_commedia">commedia
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="devising" name="a[tag_name][]" id="a_tag_name_devising" />
<label for="a_tag_name_devising">devising
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="screenplays" name="a[tag_name][]" id="a_tag_name_screenplays" />
<label for="a_tag_name_screenplays">screenplays
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="set design" name="a[tag_name][]" id="a_tag_name_set_design" />
<label for="a_tag_name_set_design">set design
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="stage management" name="a[tag_name][]" id="a_tag_name_stage_management" />
<label for="a_tag_name_stage_management">stage management
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="theatre history" name="a[tag_name][]" id="a_tag_name_theatre_history" />
<label for="a_tag_name_theatre_history">theatre history
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="LGBTQ+" name="a[tag_name][]" id="a_tag_name_lgbtq" />
<label for="a_tag_name_lgbtq">LGBTQ+
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="assessment" name="a[tag_name][]" id="a_tag_name_assessment" />
<label for="a_tag_name_assessment">assessment
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="audition" name="a[tag_name][]" id="a_tag_name_audition" />
<label for="a_tag_name_audition">audition
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="bipoc" name="a[tag_name][]" id="a_tag_name_bipoc" />
<label for="a_tag_name_bipoc">bipoc
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="close reading" name="a[tag_name][]" id="a_tag_name_close_reading" />
<label for="a_tag_name_close_reading">close reading
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="costuming" name="a[tag_name][]" id="a_tag_name_costuming" />
<label for="a_tag_name_costuming">costuming
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="etiquette" name="a[tag_name][]" id="a_tag_name_etiquette" />
<label for="a_tag_name_etiquette">etiquette
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="group activities" name="a[tag_name][]" id="a_tag_name_group_activities" />
<label for="a_tag_name_group_activities">group activities
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="indigenous" name="a[tag_name][]" id="a_tag_name_indigenous" />
<label for="a_tag_name_indigenous">indigenous
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="lighting" name="a[tag_name][]" id="a_tag_name_lighting" />
<label for="a_tag_name_lighting">lighting
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="mask" name="a[tag_name][]" id="a_tag_name_mask" />
<label for="a_tag_name_mask">mask
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="monologue" name="a[tag_name][]" id="a_tag_name_monologue" />
<label for="a_tag_name_monologue">monologue
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="musical theatre" name="a[tag_name][]" id="a_tag_name_musical_theatre" />
<label for="a_tag_name_musical_theatre">musical theatre
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="props" name="a[tag_name][]" id="a_tag_name_props" />
<label for="a_tag_name_props">props
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="reflection" name="a[tag_name][]" id="a_tag_name_reflection" />
<label for="a_tag_name_reflection">reflection
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="rubric" name="a[tag_name][]" id="a_tag_name_rubric" />
<label for="a_tag_name_rubric">rubric
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="voice" name="a[tag_name][]" id="a_tag_name_voice" />
<label for="a_tag_name_voice">voice
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="warm-ups" name="a[tag_name][]" id="a_tag_name_warm-ups" />
<label for="a_tag_name_warm-ups">warm-ups
<span class="badge badge-aggregation">1</span>
</label></div>

<div class="mt-2 text-left text-sm">
<button aria-controls="aggregation-more-tag_name" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show Fewer
</button>
</div>
</div>
</div>
</fieldset>
</div>
<div class="card-aggregation">
<fieldset>
<legend class="font-extrabold">
Instructor
</legend>
<div>
<input type="checkbox" value="Matt Webster" name="a[author][]" id="a_author_matt_webster" />
<label for="a_author_matt_webster">Matt Webster
<span class="badge badge-aggregation">10</span>
</label></div>

<div>
<input type="checkbox" value="Todd Espeland" name="a[author][]" id="a_author_todd_espeland" />
<label for="a_author_todd_espeland">Todd Espeland
<span class="badge badge-aggregation">7</span>
</label></div>

<div>
<input type="checkbox" value="Steven Stack" name="a[author][]" id="a_author_steven_stack" />
<label for="a_author_steven_stack">Steven Stack
<span class="badge badge-aggregation">5</span>
</label></div>

<div>
<input type="checkbox" value="Claire Broome" name="a[author][]" id="a_author_claire_broome" />
<label for="a_author_claire_broome">Claire Broome
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="Gai Jones" name="a[author][]" id="a_author_gai_jones" />
<label for="a_author_gai_jones">Gai Jones
<span class="badge badge-aggregation">4</span>
</label></div>

<div data-controller="toggle">
<div class="mt-2 text-left text-sm" data-toggle-target="toHide">
<button aria-controls="aggregation-more-author" aria-expanded="false" class="bg-transparent border-0 px-2 py-1 cursor-pointer text-sky-700 hover:text-sky-900 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 rounded font-semibold" data-action="toggle#toggle" type="button">
Show More
</button>
</div>
<div class="hidden" data-toggle-target="toShow" id="aggregation-more-author">
<div>
<input type="checkbox" value="Lindsay Price" name="a[author][]" id="a_author_lindsay_price" />
<label for="a_author_lindsay_price">Lindsay Price
<span class="badge badge-aggregation">4</span>
</label></div>

<div>
<input type="checkbox" value="James Van Leishout" name="a[author][]" id="a_author_james_van_leishout" />
<label for="a_author_james_van_leishout">James Van Leishout
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Jennine Profeta" name="a[author][]" id="a_author_jennine_profeta" />
<label for="a_author_jennine_profeta">Jennine Profeta
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Karen Loftus" name="a[author][]" id="a_author_karen_loftus" />
<label for="a_author_karen_loftus">Karen Loftus
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Maria Smith" name="a[author][]" id="a_author_maria_smith" />
<label for="a_author_maria_smith">Maria Smith
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Nicholas Pappas" name="a[author][]" id="a_author_nicholas_pappas" />
<label for="a_author_nicholas_pappas">Nicholas Pappas
<span class="badge badge-aggregation">3</span>
</label></div>

<div>
<input type="checkbox" value="Allison Williams" name="a[author][]" id="a_author_allison_williams" />
<label for="a_author_allison_williams">Allison Williams
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Annie Dragoo" name="a[author][]" id="a_author_annie_dragoo" />
<label for="a_author_annie_dragoo">Annie Dragoo
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Craig Mason" name="a[author][]" id="a_author_craig_mason" />
<label for="a_author_craig_mason">Craig Mason
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Holly Beardsley" name="a[author][]" id="a_author_holly_beardsley" />
<label for="a_author_holly_beardsley">Holly Beardsley
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Josh Hatt" name="a[author][]" id="a_author_josh_hatt" />
<label for="a_author_josh_hatt">Josh Hatt
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Julie Hartley" name="a[author][]" id="a_author_julie_hartley" />
<label for="a_author_julie_hartley">Julie Hartley
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value="Wendy-Marie Martin" name="a[author][]" id="a_author_wendy-marie_martin" />
<label for="a_author_wendy-marie_martin">Wendy-Marie Martin
<span class="badge badge-aggregation">2</span>
</label></div>

<div>
<input type="checkbox" value=" c.j  Bell" name="a[author][]" id="a_author__c_j__bell" />
<label for="a_author__c_j__bell"> c.j  Bell
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Allison Green" name="a[author][]" id="a_author_allison_green" />
<label for="a_author_allison_green">Allison Green
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Amy Patel" name="a[author][]" id="a_author_amy_patel" />
<label for="a_author_amy_patel">Amy Patel
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Anna Porter" name="a[author][]" id="a_author_anna_porter" />
<label for="a_author_anna_porter">Anna Porter
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Christa Vogt" name="a[author][]" id="a_author_christa_vogt" />
<label for="a_author_christa_vogt">Christa Vogt
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Colin Oliver" name="a[author][]" id="a_author_colin_oliver" />
<label for="a_author_colin_oliver">Colin Oliver
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Elisabeth Oppelt" name="a[author][]" id="a_author_elisabeth_oppelt" />
<label for="a_author_elisabeth_oppelt">Elisabeth Oppelt
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Erin Carr" name="a[author][]" id="a_author_erin_carr" />
<label for="a_author_erin_carr">Erin Carr
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Kerry Hishon" name="a[author][]" id="a_author_kerry_hishon" />
<label for="a_author_kerry_hishon">Kerry Hishon
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Linda  Veneris" name="a[author][]" id="a_author_linda__veneris" />
<label for="a_author_linda__veneris">Linda  Veneris
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Michael Calderone" name="a[author][]" id="a_author_michael_calderone" />
<label for="a_author_michael_calderone">Michael Calderone
<span class="badge badge-aggregation">1</span>
</label></div>

<div>
<input type="checkbox" value="Ray Palasz" name="a[author][]" id="a_author_ray_palasz" />
<label for="a_author_ray_palasz">Ray Palasz
<span class="badge badge-aggregation">1</span>
</label></div>

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

</template></turbo-stream><turbo-stream action="update" target="searchStats"><template><div class="mt-4 text-gray-600 text-center mb-2 text-sm">
<span class="pagy info">Displaying items 1-20 of 75 in total</span>
</div>

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