<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/50438/cinematographer" 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/insecure-kelly-1.webp"
            alt="Cinematographer"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Cinematographer
                                                <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"> The Cinematographer is responsible for the overall composition of the on-screen image, including camera framing, picture composition, movement, and lighting. Their expertise and creative choices greatly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53828/textual-analysis-criteria-b" 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/nunn.jpg"
            alt="Textual Analysis: Criteria B"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Textual Analysis: Criteria B
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Criteria B: Film Language How does film language create meaning in a film?  Criteria B examines to what extent students can use accurate film vocabulary to describe the effective use of film language...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53052/collaborative-film-project" 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/erick/images/copola-and-storaro-apocalypse-now.jpeg"
            alt="Collaborative Film Project"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It's the cherry on the top of the IB Film "sundae".  In many ways, the Collaborative Film Project is a culmination of more than a year of learning, creativity, and dedication. This project is not just...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/51200/preparing-for-the-textual-analysis" 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/creed_020.jpg"
            alt="Preparing for the Textual Analysis"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessments
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Preparing for the Textual Analysis
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Before embarking on the Textual Analysis, students should have had the opportunity to analyze multiple films in a variety of contexts. For more information and suggestions for embedding analysis into...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/51687/camera-movement" 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/camera-movement/whippan.gif"
            alt="Camera Movement"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Every choice the cinematographer makes about how the camera does or does not move has an effect on how the audience will interpret the meaning of the scene.  The term kinesis comes from the Greek word...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/66091/soviet-montage" 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/soviet-montage/mwamc.jpg"
            alt="Soviet Montage"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Soviet Montage film movement was critical in its establishing the formalist approach to  film language, approaching cinema as a tool of social consciousness, and unique understanding of the power...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65991/goldie" 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/nov/gemini_generated_image_xxuhpyxxuhpyxxuh.png"
            alt="Goldie"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> No animals were harmed during the making of this film!   Comedy is hard, but Goldie shows us how to do it right.  Through a mix of absurdist and cringe humor as well as physical comedy, Goldie is an award...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54476/lesson-reverse-engineering-a-scene-with-storyboards" 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/main-qimg-23886d2b444d3779af867969e8185ff9-lq.jpeg"
            alt="Lesson: Reverse Engineering A Scene with Storyboards"
        >
    </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: Reverse Engineering A Scene with Storyboards
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Storyboarding is not just an important way to prepare students to plan their project well, it is critical for understanding how various shots become the building blocks of a scene.  It is also a powerful...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59694/building-a-film-library" 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/intro/288528a4c5c0ad5bd10784779fbde198.jpg"
            alt="Building a Film Library"
        >
    </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">
                        Building a Film Library
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Reference books, textbooks, books on film techniques, aesthetics, film history and theory.   These are three of the books that we keep coming back to.  They are useful for teachers and students alike...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65807/the-heros-journey-activity" 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/dec/curiosidades-harry-potter.png"
            alt="The Hero&#039;s Journey Activity"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Hero's Journey Activity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Albus Dumbledore The Hero's Journey is essential to understanding what the nature of a protagonist is; more than just the central figure of a story, the protagonist will be challenged to grow from hardship...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 December 2025
                        </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=13" 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>
