<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/67018/criteria-b-knowledge-and-understanding-2027" 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/ee/gemini_generated_image_84om4d84om4d84om.png"
            alt="Criteria B: Knowledge and Understanding (2027)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Criteria B: Knowledge and Understanding (2027)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Criterion B focuses on how the research and theories are described, as well as how terminology is used in the essay.  Key skills for this criterion include the ability to link research back to your research...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/67012/criteria-a-framework-2027" 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/ee/a.jpg"
            alt="Criteria A: Framework (2027)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Criteria A: Framework (2027)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Criteria A focuses on how the essay is framed.  This includes the clarity and focus of the research question, the use of evidence to build an argument, and the structure and communication of the essay. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/67047/site-updates-22026" 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/blog/images-%2822%29.jpeg"
            alt="Site Updates 2/2026"
        >
    </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">
                        Site Updates 2/2026
                                                <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"> Here we go, rounding the corner towards the final stretch of IB.  Its a good time to look at our calendars and make sure that all of our internal due dates align with the Final Deadlines and give us enough...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54755/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/images/33-%28463%29.jpg"
            alt="Mise-en-Scène"
        >
    </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">
                        Mise-en-Scène
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the director's main responsibilities is to develop the film's mise-en-scène.  This is not just considered a 'film element' in itself; it contains many other film elements both independently and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/66899/pacing-rhythm" 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/editor/tumblr_nknzgf4fjy1qz9wlpo1_500.webp"
            alt="Pacing &amp; Rhythm"
        >
    </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">
                        Pacing & Rhythm
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> John Carpenter Like other cinematic terms, ‘pacing’ and ‘rhythm’ are often used to mean the same thing when discussing and analyzing film, but thinking about what makes these terms distinct from each...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/62246/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/more-images/images-may-2025/hnys0s.gif"
            alt="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">
                        Montage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> William Boyd The word ‘montage’ in film is tricky because we actually use it in two distinct ways that both have to do with editing. When we discuss montage we generally mean either: We might look at...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58790/comparative-study-an-interactive-explanation-of-task-components" 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-11-14-at-16.01.48.png"
            alt="Comparative Study: An Interactive Explanation of Task Components"
        >
    </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">
                        Comparative Study: An Interactive Explanation of Task Components
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Criteria A: Task Components include the two selected films, a film focus, and a film topic that is derived from those first two components. Let's explore the Comparative Study through an interactive graphic....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55414/postmodern-film-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/images/41-%28135%29.jpg"
            alt="Postmodern Film Theory"
        >
    </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">
                        Postmodern Film Theory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> "In Modernism, reality used to validate media. In Postmodernism, the media validate reality. If you don't believe this, just think how many times you've described some real event as being 'just like a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53061/editor" 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/deren.png"
            alt="Editor"
        >
    </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">
                        Editor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When I first started working in film I thought that the editor was the least important job; the way my friends and I worked in our production classes was to spend all of our time planning and shooting,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/61313/rubric-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/david/new-images/newfolder/newfolder/wall-e-movie.jpg"
            alt="Rubric: Textual Analysis"
        >
    </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">
                        Rubric: Textual Analysis
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> …but it is important to understand exactly how you are being assessed. Note:  This page refers to the rubric as written in the original 2019 guide.   The updated 2023 version is nearly identical in outcome...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 January 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=12" 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>
