<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/55860/auteur-theory" 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/jean-luc-godard-directing.jpg"
            alt="Auteur Theory"
        >
    </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">
                        Auteur Theory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Please bear in mind that you must do your own research for all final assessments.  This is just an introduction to help you familiarize yourself with this topic.  This should not be considered a reference...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55080/marxist-film-theory" 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/duck-soup-marx-brothersjpg-354ebaf2cf22f878.jpg"
            alt="Marxist Film Theory"
        >
    </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">
                        Marxist Film Theory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Louis Althusser Please bear in mind that you must do your own research for all final assessments.  This is just an introduction to help you familiarize yourself with this topic.  This should not be considered...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/64279/simplicity" 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/sr/simplicity.jpg"
            alt="Simplicity"
        >
    </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">
                        Simplicity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Simplicity a genre bending short film heavily inspired on the classic French film Amelie (2001) that will move you.  In this charming romantic comedy, clearly inspired by Amélie (2001), we follow John...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58699/magical-realism" 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/magic-realism/screenshot-2025-02-10-at-15.56.37.png"
            alt="Magical Realism"
        >
    </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">
                        Magical Realism
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Isabel Allende This lesson was developed as a self contained lesson that students could go through independently.  You might deliver this as a lesson or make this page available to students.  Magical...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58141/the-story-circle" 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/screenwriting/screenshot-2024-09-29-at-16.53.17.png"
            alt="The Story Circle"
        >
    </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">
                        The Story Circle
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dan Harmon's Story Circle is a distillation of The Hero's Journey and an interesting alternative to Freytag's Pyramid. Dan Harmon, the creator of Rick and Morty and Community developed the story circle...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53059/lighting" 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/30-(359).jpg"
            alt="Lighting"
        >
    </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">
                        Lighting
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Just like the medium of the painter is paint, and the medium of a welder is metal, the medium of the cinematographer is light.  How we control light, how we reflect it off the surface of our subjects...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55133/queer-film-theory" 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/shutterstock_editorial_5885245v-170c4b149aa24fa187a86394b4ccb7bd.jpg"
            alt="Queer Film Theory"
        >
    </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">
                        Queer Film Theory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Please bear in mind that you must do your own research for all final assessments.  This is just an introduction to help you familiarize yourself with this topic.  This should not be considered a reference...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54932/dont-think-big-the-economy-of-storytelling" 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/big.jpg"
            alt="Don&#039;t Think Big: The Economy of Storytelling"
        >
    </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">
                        Don't Think Big: The Economy of Storytelling
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the most common problems with first student films is that they are epic in idea and grand in scope. This makes sense; this is the world of cinema that we've all, more or less, grown up with.  We're...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/61217/semiotics" 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/chatgpt-image-mar-29%2C-2025%2C-03_35_47-pm.png"
            alt="Semiotics"
        >
    </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">
                        Semiotics
                                                <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"> Semiotics is the study of signs and symbols.  In Semiotics we examine how symbols create meaning, as well as how they can be interpreted. This field of study goes well beyond film; we might look at symbols...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53214/non-original-material" 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-01-13-at-23.59.08.png"
            alt="Non-Original Material"
        >
    </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">
                        Non-Original Material
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Film Portfolio allows for the inclusion of non-original material.  Here we will investigate how, when and why you might want to include this material and where you might want to be cautious. Non-original...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 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=20" 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>
