<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/58352/the-brainstormer" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/film/images/2026/story-machine/gemini_generated_image_lj4qojlj4qojlj4q.png"
            alt="The Brainstormer"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Brainstormer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Brainstormer has been constructed with the sole purpose of smashing your writer's block. The Brainstomer will come up with a random idea for you every time you hit the 'GO' button at the bottom. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71701/the-story-machine" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/film/images/2026/story-machine/screenshot-2026-08-23-at-7.43.04-pm.png"
            alt="The Story Machine"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Story Machine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This machine won't write the story for you, but it will walk you through the process. Our latest invention combines our randomization techniques that you may have seen in tools like the Theme-Machine...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57724/lesson-how-objects-continue-to-tell-the-story" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/film/david/new-images/screenshot-2024-09-10-at-17.38.16.png"
            alt="Lesson: How Objects (Continue to) Tell The Story"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson: How Objects (Continue to) Tell The Story
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In an earlier project we looked at how objects can tell a story. It turns out that in addition to adding layers of meaning and depth to the story, building connections to these objects can help performance...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71344/directing-with-objects-tasks" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/subject/generic/51/03.jpg?v=1790338364"
            alt="Directing with Objects &amp; Tasks"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Directing with Objects & Tasks
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57489/lesson-directing-actors-through-subtext" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/film/images/screenshot-2024-09-05-at-22.43.50.png"
            alt="Lesson: Directing Actors Through Subtext"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson: Directing Actors Through Subtext
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This lesson uses ambiguous dialogue to explore subtext, character motivations, and emotional tension, encouraging thoughtful and nuanced performances. This is one of two lessons that use ambiguous dialogues. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71343/directing-actors-through-subtext-presentation" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/subject/generic/51/04.jpg?v=1790338364"
            alt="Directing Actors Through Subtext Presentation"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Directing Actors Through Subtext Presentation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56864/lesson-framing-composition" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/film/images/screenshot-2024-08-13-at-18.23.10.png"
            alt="Lesson: Framing &amp; Composition"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson: Framing & Composition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It is no coincidence that many of the directors that we might study started in other areas of art.  Stanley Kubrick was a photographer, and David Lynch and Akira Kurosawa were painters, for example. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71342/framing-and-composition-presentation" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/subject/generic/51/01.jpg?v=1790338364"
            alt="Framing and Composition Presentation"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Framing and Composition Presentation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Image Gallery Image Gallery Image Gallery...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56874/lesson-let-there-be-light" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/film/images/screenshot-2024-08-18-at-17.02.18.png"
            alt="Lesson: Let There Be Light"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson: Let There Be Light
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This lesson is a hands-on practical activity in which the students will learn about lighting techniques and setups.  It concentrates on lighting direction but touches on color, color temperature, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71341/let-there-be-light-presentation" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/subject/generic/51/02.jpg?v=1790338364"
            alt="Let There Be Light Presentation"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Let There Be Light Presentation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/film/latest-updates?page=6" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
