<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/58833/criteria-d-presentation" 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/81z-rinqowl.jpg"
            alt="Criteria D: Presentation"
        >
    </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 D: Presentation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page we will unpack Criteria D and examine what it looks like in the context of a film EE. Criteria D can be broken down into two distinct areas for assessment: Notice that the presentation will...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58821/criteria-b-knowledge-and-understanding" 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/illuminated-marquee-light-bulb-letter-b_839035-1853910.avif"
            alt="Criteria B: Knowledge and Understanding"
        >
    </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
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page we will unpack Criteria B and examine what it looks like in the context of a film EE. Criteria B can be broken down into two distinct areas for assessment: We can understand from the way...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58817/criteria-a-focus-and-method" 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/edison-marquee-letter---a.jpg"
            alt="Criteria A: Focus and Method"
        >
    </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: Focus and Method
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page, we will unpack Criteria A and examine what it looks like in the context of a film EE. Criteria A can be broken down into three distinct areas for assessment; the topic, the research question,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58796/film-ee-overview" 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/la.jpg"
            alt="Film EE Overview"
        >
    </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">
                        Film EE Overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is what you need to know if you are considering doing your EE in film, or where you should start if you have already decided. An EE in film allows you to delve into how films create meaning for their...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58791/extended-essay" 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-07.56.53.png"
            alt="Extended Essay"
        >
    </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">
                        Extended Essay
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The extended essay in film will take you further in your analysis of the medium and allow you a deep dive into a film topic of your interest. Embarking on an Extended Essay (EE) in film provides an opportunity...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65333/film-portfolio-exemplar-three" 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/november/screenshot-2025-11-15-at-7.20.55-pm.png"
            alt="Film Portfolio: Exemplar Three"
        >
    </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">
                        Film Portfolio: Exemplar Three
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This portfolio earned a perfect score. In this exemplar, two out of three of the portfolio pages are annotated.   A possible activity to help them think carefully about meeting the requirements of the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58568/film-portfolio-exemplar-one" 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/files/film-portfolio/screenshot-2024-11-10-at-21.32.20.png"
            alt="Film Portfolio: Exemplar One"
        >
    </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">
                        Film Portfolio: Exemplar One
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This portfolio earned a perfect score and includes two clips from the students' documentary work as an editor.  While looking at the reel and the accompanying pages, it is helpful to first look at the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65341/portfolio-exemplars" 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/november/screenshot-2025-11-16-at-10.29.54-am.png"
            alt="Portfolio Exemplars"
        >
    </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">
                        Portfolio Exemplars
                                                <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"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/39026/external-reference-links" 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/november/screenshot-2025-11-13-at-9.24.19-am.png"
            alt="External Reference Links"
        >
    </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">
                        External Reference Links
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here you can find a variety of sites, channels, and places that can be extremely useful in class and helpful in developing lessons.  Letterboxd is an online platform that primarily serves as a social...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65262/agreed-intentions" 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/oct/21d58567-6331-4c11-80bb-77a763d7ef83_text.gif"
            alt="Agreed Intentions"
        >
    </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">
                        Agreed Intentions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Make sure that you and your team clearly understand your common vision.  The assessment of half of the Project Report depends on it. You might want to pinkie swear on this one. You might think of “Agreed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 November 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=15" 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>
