<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/57906/tone" 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/img010_3-copy.jpg"
            alt="Tone"
        >
    </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">
                        Tone
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The tone should carefully shape the audience's experience, but also their understanding of the film's central themes. We have put 'tone' under the role of 'director', and while the director should lead...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59368/cultural-context" 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/kevin-costners-daughter-appeared-in-dances-with-wolves-made-one-noticeable-mistake.jpg"
            alt="Cultural Context"
        >
    </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">
                        Cultural Context
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Considering the time and place of the film's origin is essential to unpacking not just the social, political, historical, and economic conditions in which the film was made, but also the values, beliefs...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53060/lenses-depth-of-field" 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-04-at-18.18.25.png"
            alt="Lenses &amp; Depth of Field"
        >
    </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">
                        Lenses & Depth of Field
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cinematographers use lenses to help shape the world of their film. In addition to framing, light, camera position and movement, the choice of lens gives the cinematographer greater control over the look...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57482/directing-lessons" 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-08.05.04.png"
            alt="Directing Lessons"
        >
    </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 Lessons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Wong Kar Wai This page outlines lessons that focus on the essential skills and techniques needed for effective film direction. Here you'll find lesson plans and practical exercises, that cover topics...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/64010/mis-en-scene-in-the-babadook" 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/newfolder/babadook031.jpg"
            alt="Mis-en-Scéne in the Babadook"
        >
    </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">
                        Mis-en-Scéne in the Babadook
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To create this haunting cinematic experience, director Jennifer Kent shows a visual consistency between costumes, props, set design, lighting and color. There are two ways to present this material.  In...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/63956/why-imax-still-matters" 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/blog/imax/imax_blue_logo.png"
            alt="Why IMAX Still Matters"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Why IMAX Still Matters
                                                <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"> I travel to London almost every month since my wife is working there, and one of my personal rituals is heading to the BFI IMAX. This cinema, run by the British Film Institute, has become my go-to spot....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/50374/start-of-course" 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/8grade005.jpg"
            alt="Start of Course"
        >
    </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">
                        Start of Course
                                                <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 first few days of class are an important way to set the tone for the year.   Here are some suggestions to help welcome your students to your film class community and build a bridge between their interest...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/63818/the-inside-job" 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/sr/inside-job-screen.jpg"
            alt="The Inside Job"
        >
    </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">
                        The Inside Job
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Inside Job is a extremely well made thriller with a well structured script that takes fuill advantage of being shot in Hong Kong. This remarkable short film, shot in the stunning surroundings of Discovery...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58388/postmodern-film-generator" 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/postmodern-film-machine.jpg"
            alt="Postmodern Film Generator"
        >
    </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">
                        Postmodern Film Generator
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The postmodern film generator does not help you, it demands more from you. Create a film that uses [postmodern technique] to challenge the metanarrative of [metanarrative]....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58487/the-comparative-study-generator" 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/eggbomb_this_part_should_look_like_a_scene_from_a_wes_anderson_5d43109f-906c-43cf-9dff-f73fadea2d04.png"
            alt="The Comparative Study Generator"
        >
    </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">
                        The Comparative Study Generator
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Look at this piece of junk. I don't know why we even keep it around anymore. If you dare use it, examine the ideas it gives you with a critical eye.  We bet you can do better. “beep.boop.bop.” To use...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 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=21" 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>
