<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/blog/68126/finish-line" 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/rowan-atkinson-rowan.gif"
            alt="Finish Line!"
        >
    </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">
                        Finish Line!
                                                <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"> Chariots of Fire This quote and image posted without context.  Indeed, does it need any? Hopefully the gif above captures a little bit about how you are feeling right now! The last thing you might care...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58734/ta-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/files/ta/0_j9dqqx55ms9e8q5s.jpg"
            alt="TA 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">
                        TA Exemplars
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section will be updated periodically with more examples. There are a few ways that looking at exemplars may be helpful to you.  The first is to familiarize yourself with the format as you read through...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/67971/comparative-study-double-check" 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/cs/c2b9d94d-cca3-46b9-a476-fc63ce905043_text.gif"
            alt="Comparative Study: Double Check"
        >
    </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: Double Check
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Check this first.  After all that hard work, you don't want to lose points (or worse!) by making sure you're meeting all of the criteria. As my own students round the corner on turning in their comparative...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/61418/textual-analysis-visualizing-the-connections" 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/57-%2894%29.jpg"
            alt="Textual Analysis: Visualizing the Connections"
        >
    </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">
                        Textual Analysis: Visualizing the Connections
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Would you be shocked if we told you it wasn't?  If you're finding it difficult to connect a film’s cultural context with its cinematic elements, try looking for a bridge: it often takes the form of a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/60909/comparative-study-script-outline" 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/lalal055.jpg"
            alt="Comparative Study:  Script Outline"
        >
    </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:  Script Outline
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> While there is not a correct way to do this, we can suggest a path that will help make sure that you are hitting all the objectives of criteria A and B.  On the Black Slate make sure you clearly include...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57037/transitions" 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/oukavl.gif"
            alt="Transitions"
        >
    </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">
                        Transitions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Philip Seymour Hoffman Editing helps shape how we understand both when and where things are happening in a film. Some edits are based on time; moving from moment to moment, jumping forward, or even us...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53354/sound-designer" 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/18-%28168%29.jpg"
            alt="Sound Designer"
        >
    </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">
                        Sound Designer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> David Lynch The sound designer is perhaps the most misunderstood, most under-appreciated, and most under-utilized of the film roles in IB Film.  This may be because many people think of film as a visual...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/67425/ai-and-non-original-materials" 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/ai---ib/replace_the_person_in_this_video_with_the_characte-(1).gif"
            alt="AI and Non-Original Materials"
        >
    </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">
                        AI and Non-Original Materials
                                                <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"> This is Bob.  Bob is an AI generated character.  You might love Bob, you might hate Bob, you might not really get what the big deal is about Bob… but Bob is here and he is not leaving.  Schools are buzzing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53405/film-sound-quality" 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/sound/screenshot-2024-01-22-at-23.18.24.png"
            alt="Film Sound: Quality"
        >
    </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">
                        Film Sound: Quality
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> C'mon, that was pretty funny. This is not about the ‘value’ of a sound, in other words, ‘quality’ in this case doesn't infer that one sound is ‘better’ or ‘worse’ than another, but rather that quality...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53669/textual-analysis-criteria-a" 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/nunn.jpg"
            alt="Textual Analysis: Criteria A"
        >
    </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">
                        Textual Analysis: Criteria A
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Note:  This page refers to the rubric as written in the original 2019 guide.   The updated 2023 version is nearly identical in outcome but the language is somewhat streamlined.  This will be updated shortly. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 March 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=10" 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>
