<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/blog/62312/andor-a-cinematic-text-worthy-of-ib-film-classrooms" 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/erick/images/andor_image.jpg"
            alt="Andor: A Cinematic Text Worthy of IB Film Classrooms"
        >
    </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">
                        Andor: A Cinematic Text Worthy of IB Film Classrooms
                                                <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"> By Erick Pessôa My earliest cinematic memory was The Empire Strikes Back (1980). That film did not just shape my childhood; it defined my sense of wonder. Over four decades later, I find myself finishing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57011/color" 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-22.36.59.png"
            alt="Color"
        >
    </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">
                        Color
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> -Wassily Kandinsky Color is one of the most powerful and expressive tools available to filmmakers, as part of the visual style of a film, color an shape how we feel about a scene before a single word...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53053/proxemics-shot-types" 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/maxresdefault.jpg"
            alt="Proxemics &amp; Shot Types"
        >
    </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">
                        Proxemics & Shot Types
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Norma Desmond, Sunset Boulevard Ahot types and proxemics play crucial roles in the viewer's perception of the narrative, allowing filmmakers to convey deep emotion and meaning simply by changing the position...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/62094/from-a-classroom-conversation-to-a-film-festival-premiere" 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/erick/blog/andre-erick.jpeg"
            alt="From a Classroom Conversation to a Film Festival Premiere"
        >
    </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">
                        From a Classroom Conversation to a Film Festival Premiere
                                                <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"> Yesterday I reached a moment in my career that, when I reflect on it, I could never have imagined back when I started. I just watched a film that was part of the official competition at the Brazilian...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/50373/permission-form" 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/34-(620).jpg"
            alt="Permission Form"
        >
    </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">
                        Permission Form
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Because of the more complex nature of these films, they will often deal with mature topics that necessitate an R rating. In addition, depending on your budget and resources, students may be responsible...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/61578/quizception" 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/screenshot-2025-04-14-at-23.42.17.png"
            alt="Quizception"
        >
    </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">
                        Quizception
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Where does the quiz end and real life begin?  Before the creation of this website, I used to use this quiz as an ‘open book’ assessment before the Textual Analysis. This gave the students the opportunity...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/61435/rubric-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/images/more-images/d93c5f97-3c00-4adc-a724-7e4af3921c14.png"
            alt="Rubric: Comparative Study"
        >
    </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: Comparative Study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> No need to worry, the rubric is actually quite straightforward if you look at it carefully. Here is the full Comparative Study rubric. For detailed information about the individual criteria, please see...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56178/comparative-study-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/a-ghost-story.jpg"
            alt="Comparative Study: 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">
                        Comparative Study: Criteria A
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Success in this criteria means that students have selected appropriate task components and have justified their usage to establish the basis of their comparative study. Criteria A of the Comparative Study...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58296/textual-analysis-the-highlighter-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/screenshot-2024-10-08-at-18.40.50.png"
            alt="Textual Analysis:  The Highlighter Method"
        >
    </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">
                        Textual Analysis:  The Highlighter Method
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> By utilizing highlighters to identify these criteria in sample work or their own rough drafts, students gain a better understanding of how to effectively synthesize information and achieve high scores...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55176/feminist-film-theory-analytical-task" 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-05-14-at-21.48.30.png"
            alt="Feminist Film Theory Analytical Task"
        >
    </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">
                        Feminist Film Theory Analytical Task
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This assessment can work for a film that you watch as a class, have students select, or have chosen from a selection of films.  For this task, you should refer to your selected film and answer the following...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 January 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=34" 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>
