<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/69464/the-auteur-project-files" 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-2023-12-04-at-15.11.06.png"
            alt="The Auteur Project Files"
        >
    </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 Auteur Project Files
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Somehow this is possible despite any financial, geographical, or temporal considerations. Your director is deceased? No problem! Their spirit will move you....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/69463/your-postmodern-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/images/screenshot-2023-12-04-at-13.18.39.png"
            alt="Your Postmodern Project"
        >
    </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">
                        Your Postmodern Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Jobu Tupaki, Everything Everywhere All at Once 2023 Want to make more sophisticated and thoughtful films?  A postmodern approach will require you to think critically about your environment, your experiences...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52970/postmodernism-resources" 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/0623_finding-dory.jpg"
            alt="Postmodernism: Resources"
        >
    </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">
                        Postmodernism: Resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dory, Finding Nemo As you dig into the question of postmodernism, it is important to weigh and consider some of the critiques of this philosophical approach.  Although we might argue that postmodernism...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/69453/activities-and-explorations" 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/new-spaces/nano-banana-2---quick-experiments-and-iterations-_-multiple-small-sketches-or-thumbnail-storyboards__3-%281%29.png"
            alt="Activities and Explorations"
        >
    </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">
                        Activities and Explorations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These assignments will become visible in the side menu as your instructor makes them available.   Some of these projects are meant to be small and limited in scope; that doesn't mean that they might not...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/69452/analytical-work-research" 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/new-spaces/nano-banana-2---desk-with-open-and-stacked-film-books-_including-film-as-art_-by-rudolph-arnheim_-wh_4.png"
            alt="Analytical Work &amp; Research"
        >
    </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 Work & Research
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These assignments will become visible in the side menu as your instructor makes them available. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/69451/projects-productions" 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/new-spaces/nano-banana-2---production-workflow-in-progress-_-camera-mounted-on-tripod-is-pointing-at-a-subject_3.png"
            alt="Projects &amp; Productions"
        >
    </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">
                        Projects & Productions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These assignments will become visible in the side menu as your instructor makes them available. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/69425/my-studio" 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/new-spaces/nano-banana-2---a-desk-or-table-scattered-with-film-production-materials-in-active-use-_-storyboard_2.png"
            alt="My Studio"
        >
    </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">
                        My Studio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> All here in one space.  In the sections below you will find spaces to review and upload various IB Film assessments, including production work, assessments, and more.   These pages will become visible...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/64625/french-new-wave" 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-07-09-at-13.06.19.png"
            alt="French New Wave"
        >
    </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">
                        French New Wave
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Film movements refer to groups of filmmakers, often working within a specific time period and geographical region, who share common stylistic, thematic, and ideological approaches to filmmaking. These...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/69014/exploring-lenses" 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/lenses/screenshot-2026-06-29-at-10.29.08-pm.png"
            alt="Exploring Lenses"
        >
    </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">
                        Exploring Lenses
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sometimes it might seem easier to just use whatever lens you have on the camera.  This is not always a bad idea; sticking with one lens can really push your thinking.  However, understanding how and why...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57218/lesson-using-lenses" 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/tri-12139r.webp"
            alt="Lesson: Using Lenses"
        >
    </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: Using Lenses
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You don't need lenses to run a quality IB program.  However, if you have them, your cinematographers can learn another dimension of creative and technical control in their films. This is a hands-on lesson...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 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=8" 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>
