<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/53113/brainstorming" 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-01-06-at-21.02.35.png"
            alt="Brainstorming"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Brainstorming
                                                <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 page will guide you through the concept of brainstorming and provide multiple resources for developing your best ideas.  Before the production process can begin, you need a good idea. Brainstorming...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53889/textual-analysis-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/46-%28311%29.jpg"
            alt="Textual Analysis: 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">
                        Textual Analysis: Criteria C
                                    

                    </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">
                            13 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54530/visual-evidence" 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/strangers-on-a-train-lighter.jpg"
            alt="Visual Evidence"
        >
    </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">
                        Visual Evidence
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Visual evidence is a critical way for you to communicate the work you've done in your productions to demonstrate the skills you need to achieve your filmmaker intentions.   The work on the pages of your...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53177/criteria-b-film-reels" 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/f9b31-fforfake2.jpg"
            alt="Criteria B: Film Reels"
        >
    </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">
                        Criteria B: Film Reels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Each of the three reels are assessed independently from each other and independently from their accompanying portfolio pages.  The film reel allows students to curate their best evidence of their film...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53195/criteria-a-portfolio-pages" 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/mv5bzgnjy2rlodctmgizos00ywrmlwjiotqtzdhmyzfmztrknjqzxkeyxkfqcgdeqxvynjuxmjc1otm%40._v1_-copy.png"
            alt="Criteria A: Portfolio Pages"
        >
    </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">
                        Criteria A: Portfolio Pages
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Each of the three reels are assessed independently from each other and independently from their accompanying portfolio pages.  Criteria A for the film portfolio expects students to evaluate how their...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57005/mini-project-the-object-lesson" 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-24-at-11.04.53.png"
            alt="Mini Project: The Object Lesson"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mini Project: The Object Lesson
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this lesson, students will apply their understanding of cinematography and mise-en-scéne to a one minute film in which they must limit their communication to film language. If you are following the ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/60784/thinkin-theater" 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/now-showing/screenshot-2026-05-19-at-7.04.51-pm.png"
            alt="ThinkIn Theater"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Gallery
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        ThinkIn Theater
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Now Showing: Mirage This project came from an intense study of Andrei Tarkovsky, personal reflections, and philosophical wonderings.  ThinkIn Theater is a showcase of short films, including student films...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/68453/the-accomplice" 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/now-showing/screenshot-2026-03-19-at-14.24.11.png"
            alt="The Accomplice"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Gallery
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Accomplice
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This project from UWC South East Asia revisits the French New Wave through a unique and surprising lens. By:  Shawn Quek In The Accomplice, I set out to create a short film that pays homage to the French...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/68206/textual-analysis-final-check-self-assessment" 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/ta-check/gemini_generated_image_k74tlck74tlck74t.png"
            alt="Textual Analysis: Final Check &amp; Self Assessment"
        >
    </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: Final Check & Self Assessment
                                                <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"> Run your TA through our specialized, state of the art, IB Film TA Check-O-Matic The interactive Final Check below for students is for their own reference to make sure that they are where they need to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57698/crew-research-voice-and-choice" 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/detail.2bd258be.jpg"
            alt="Crew Research: Voice and Choice"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Crew Research: Voice and Choice
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here you will have some required viewing as well as some selections to make on your own. One of the many benefits of the collaborative work that we do in IB Film is that as students change roles between...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 April 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=9" 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>
