<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/71856/analytical-pans-labyrinth-task" 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/pl.gif"
            alt="Analytical Pan&#039;s Labyrinth Task"
        >
    </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">
                        Analytical Pan's Labyrinth Task
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In Pan's Labyrinth, director Guillermo Del Toro creates meaning on many different levels.  Let's examine how and why he decided to make a supernatural fairy tale set during the Spanish Civil War and think...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58474/mini-lesson-the-shining-auteur-theory" 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/apollo.gif"
            alt="Mini Lesson:  The Shining &amp; Auteur Theory"
        >
    </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">
                        Mini Lesson:  The Shining & Auteur Theory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> If you are using The Shining to introduce film theory as described in our curricular approach, this mini-lesson acts as a bridge between watching the film and studying Film Theory. This presentation both...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71847/film-analysis-worksheet" 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/analysis/zk3ijuqdxdg11.webp"
            alt="Film Analysis Worksheet"
        >
    </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">
                        Film Analysis Worksheet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This can be used multiple times for a variety of films to help prepare students for the Textual Analysis. This worksheet is meant to help prepare students for the Textual Analysis through a structured...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53111/lesson-feast-introducing-match-cuts" 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-01-05-at-22.18.28.png"
            alt="Lesson: Feast: Introducing Match Cuts"
        >
    </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: Feast: Introducing Match Cuts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The editing of Disney's Feast is based almost entirely in match cuts.  We can see just about every kind of match in the transitions of this film. We can learn about match cuts through Patrick Osborne's...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57768/mini-lesson-diegesis" 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-11-at-21.44.13.png"
            alt="Mini Lesson: Diegesis"
        >
    </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">
                        Mini Lesson: Diegesis
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this lesson students will learn about what we see that exists within the world of films, exists outside of the world of the film, and the in between ambiguous space that a clever approach to diagetic...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57595/lesson-triangle-coverage-filming-a-dialouge" 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/c8de86da1288e5c259dbcacb722a7993.398x300x1.jpg"
            alt="Lesson: Triangle Coverage &amp; Filming a Dialouge"
        >
    </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: Triangle Coverage & Filming a Dialouge
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This lesson uses ambiguous dialogue to teach about triangle coverage and filming a scene that includes dialogue. This two-day lesson can be taught independently or as a follow-up lesson to this one, which...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/71820/triangle-coverage-director-commands" 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/c8de86da1288e5c259dbcacb722a7993.398x300x1.jpg"
            alt="Triangle Coverage &amp; Director Commands"
        >
    </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">
                        Triangle Coverage & Director Commands
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58691/lesson-introducing-mise-en-scene" 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: Introducing Mise-en-Scéne"
        >
    </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: Introducing Mise-en-Scéne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Students will learn that mise-en-scéne is important for communicating important information both through literal and metaphorical means. 1. Demonstrate knowledge and understanding of specified contexts...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/63823/ice-breaker-movie-poster-of-my-life" 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/august/e2e043d7-6467-42cb-9662-1b9a6fe41aed.png"
            alt="Ice Breaker: Movie Poster of My Life"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teachers Start Here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Ice Breaker: Movie Poster of My Life
                                                <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 ice-breaker activity is not just a creative and fun way for your class to get to know each other at the very beginning, it also sets the stage for a conversation about some of the potentials… and...</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/71256/shot-types" 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/images-original.png"
            alt="Shot Types"
        >
    </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">
                        Shot Types
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's explore how various shots can make a difference to how your story is told. Image Gallery...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 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=5" 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>
