<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/59102/film-theory-analytical-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/ib/film/david/new-images/mmc2.jpg"
            alt="Film Theory Analytical Tasks"
        >
    </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">
                        Film Theory Analytical Tasks
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page, we'll discuss a number of ways that you might approach this understanding with your students.  After covering the basics of Film Theory with your students, here are some ways you can check...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57846/film-analysis-visual-thinking-strategies" 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-16-at-11.13.42.png"
            alt="Film Analysis: Visual Thinking Strategies"
        >
    </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">
                        Film Analysis: Visual Thinking Strategies
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As you watch films together as a class, it can be important to stop at different moments to focus on the analytical understanding of the film. Let's face it, one of the reasons that students are excited...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58063/film-analysis-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/david/new-images/31-%28245%29.jpg"
            alt="Film Analysis 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">
                        Film Analysis Lessons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here you will find lessons that aid not only in the analysis of films, but also help students understand how meaning is constructed so that they can apply it to their own films Browse the pages below...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53260/lesson-plan-basic-nle-editing" 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/49-%2859%29.jpg"
            alt="Lesson Plan:  Basic NLE Editing"
        >
    </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 Plan:  Basic NLE Editing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Different Non-Linear Editing platforms have a variety of pros and cons but for the purposes of IB Film, any and all of them are sufficient to meet the demands of the course. This lesson provides a hands-on...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57431/editing-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/david/new-images/murch.png"
            alt="Editing 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">
                        Editing Lessons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Walter Murch This page outlines editing lessons that cover essential techniques and principles, but also focus on the creative art of editing. Teachers will find lesson plans and practical assignments...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54477/lesson-proxemics-and-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/images/welles.-citizen-kane.-through-window.-2.jpg"
            alt="Lesson: Proxemics and 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">
                        Lesson: Proxemics and Shot Types
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As students learn to go from shot to shot for different reasons and purposes, they will If you're following the curriculum approach included here, this is the first content focused lesson. Introducing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57430/cinematography-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/01-658.jpg"
            alt="Cinematography 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">
                        Cinematography Lessons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides an overview of cinematography lessons focused on key concepts, techniques, and skills associated with visual storytelling and the role of cinematographer. Teachers will find structured...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57677/advice-for-new-teachers" 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/degoute-chanceux.gif"
            alt="Advice For New Teachers"
        >
    </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">
                        Advice For New Teachers
                                                <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"> We're all new once.  We'll make mistakes and we'll learn from them.  Here is some advice that comes from the mistakes we made along the way. The curse of the DP course not having a syllabus to follow...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57851/the-film-journal" 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/chamberofsecrets40.jpg"
            alt="The Film Journal"
        >
    </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">
                        The Film Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How you approach the journal with your class should be tailored to best suit your students' needs. The IB Film curriculum gives plenty of room for the interpretation of what it means for students to create...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57725/short-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/images/735-de-la-manana-vigalondo-01.jpg"
            alt="Short 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">
                        Short Film Library
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Many times when students first start working on making films, they're not thinking so much about what it means to make a 'short film', they're thinking about 'how can I cram my epic story into three minutes'. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 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=32" 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>
