<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/54915/reading-film" 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/23-(465).jpg"
            alt="Reading Film"
        >
    </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">
                        Reading Film
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's look at what it means to be literate in reading a film. This incorporates the ability to critically analyze and interpret the meaning and messages conveyed through cinematic elements as they build...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58736/comparative-study-exemplar-lala-land-vs-an-american-in-paris" 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-10-at-17.56.00.png"
            alt="Comparative Study Exemplar: LaLa Land vs. An American in Paris"
        >
    </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 Exemplar: LaLa Land vs. An American in Paris
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Film 1: La La Land (2016), USA Film 2: An American in Paris (1951), USA Film Focus: Musical Film This exemplar earned a perfect score.  Refer to the rubric and examine the expectations of a top markband...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56261/comparative-study-criteria-b" 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/comparative-study/pather-panchali-21.jpg"
            alt="Comparative Study: Criteria B"
        >
    </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: Criteria B
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In most comparative studies, the evidence for Criteria A can be found in the first 2 1/2 to 3 1/2 mintutes of the video essay.  That leaves approximately 6 1/2 to 7 1/2 minutes to undertake a close examination...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56675/comparative-study-criteria-c" 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-08-05-at-11.35.07.png"
            alt="Comparative Study: Criteria C"
        >
    </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: Criteria C
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Criteria C focuses on the construction of the comparative study; this actually has nothing to do with the quality of the analysis or the understanding of the overall task- In many ways, Criteria C should...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58472/lesson-introducing-the-comparative-study" 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/comparative-study/screenshot-2024-10-19-at-10.19.39.png"
            alt="Lesson: Introducing the Comparative Study"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessments
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson: Introducing the Comparative Study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> So many questions.  Here is where we can help students start finding answers.  Slide One: Introduction.Slide Two:  The Comparative Study has three components that define the analytical comparison, as...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58494/comparative-study-proposals" 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/kareena-1.webp"
            alt="Comparative Study Proposals"
        >
    </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 Proposals
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The comparative study should arise from two films from contrasting geographic and/or time periods.  It is often a good idea to start with a specific film, genre, or   It is often a good idea to start...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58420/comparative-study-planning-guide" 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/comparative-study/screenshot-2024-10-19-at-09.30.56.png"
            alt="Comparative Study Planning Guide"
        >
    </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 Planning Guide
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This editable slideshow breaks down the task components, connects, and provides a step-by-step approach to completing the assessment. Once you have selected your topic, focus, and films, this document...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58737/comparative-study-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/david/new-images/screenshot-2024-11-10-at-17.56.00.png"
            alt="Comparative Study: 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">
                        Comparative Study: Exemplars
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here we have included a variety of CS's that cover a range of topics.  We will update this frequently with more examples. We recommend going over the rubric before watching the films and then applying...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58517/cs-example-black-panther-vs-rrr" 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-10-27-at-11.26.30.png"
            alt="Cs Example: Black Panther vs. RRR"
        >
    </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">
                        Cs Example: Black Panther vs. RRR
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Film 1: Black Panther (2018), USA Film 2: RRR (2022), India Film Focus: Action  Sources Films:  Black Panther. Directed by: Ryan Coogler, Marvel Studios, February 14, 2018. RRR. Directed by: S.S. Rajamouli,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55943/cs-exemplar-parasite-vs-us" 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/screenshot-2024-07-03-at-12.03.27.png"
            alt="CS Exemplar:  Parasite vs. Us"
        >
    </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">
                        CS Exemplar:  Parasite vs. Us
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is a more detailed look at the Comparative Study that was examined on the main CS page. Let's look at how this student examined these two films in order to achieve top markbands. Note: We've selected...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 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=24" 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>
