<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/58391/screenwriting-postmodern-party" 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/26-%28847%29.jpg"
            alt="Screenwriting: Postmodern Party"
        >
    </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">
                        Screenwriting: Postmodern Party
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this assignment, you will write a postmodern script. Write a party of pastiche, some meta-merryment, fragmented an intertextual invitational, or an absurdist affair. Write a 2-3 Page dialogue between...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59340/production-work-exercises" 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/03-347.jpg"
            alt="Production Work Exercises"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Production Work Exercises
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Although these lessons are not meant to provide complete films, your students might find clips that they've done have a place in their portfolio. So much to move. So little time. In this film challenge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58508/director-documentary" 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/dfg0b2jwaaeec8v.jpeg"
            alt="Director Documentary"
        >
    </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">
                        Director Documentary
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To help your audience understand your Auteur put into your film, you will create documentary that touches on all of the key points of their work. Your director documentary should be 3 minutes long, using...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56601/auteur-project-selecting-a-memory" 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-2023-12-04-at-15.11.06.png"
            alt="Auteur Project: Selecting a Memory"
        >
    </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">
                        Auteur Project: Selecting a Memory
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Somehow this is possible despite any financial, geographical, or temporal considerations. Your director is deceased? No problem! Their spirit will move you. But what moment in your life is worthy of this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57769/sound-randomizer" 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-09-13-at-08.09.07.png"
            alt="Sound Randomizer"
        >
    </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">
                        Sound Randomizer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This exercise is great for helping students learn about the nuance and variety of ways that sound can live and create meaning in a film. You might have them simply come up with an idea for a sound or...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52974/auteur-project-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/images/gettyimages-456361623.jpg"
            alt="Auteur Project Exemplars"
        >
    </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">
                        Auteur Project Exemplars
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are some examples of how students approached the Auteur project with explanations of their approach.  Student Exemplars In Tart, Jackie took a memory of her brother, who refused to eat tarts that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52972/postmodern-collaborative-films" 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-01-at-16.58.42.png"
            alt="Postmodern Collaborative Films"
        >
    </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">
                        Postmodern Collaborative Films
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The postmodern film unit often pushes students to think differently about how to structure and create meaning in their films.  This can lead to more complex ideas in the development of the collaborative...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52969/postmodernism-student-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/images/screenshot-2024-01-01-at-11.45.34.png"
            alt="Postmodernism: Student Exemplars"
        >
    </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">
                        Postmodernism: Student Exemplars
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Christof, The Truman Show Here are some exemplars of student postmodern films with explanations of how and why they approach the traditional narrative form from new directions. Resources: Postmodern Exemplars...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52968/postmodernism-shorts-music-videos" 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/01-%28146%29.jpg"
            alt="Postmodernism: Shorts &amp; Music Videos"
        >
    </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">
                        Postmodernism: Shorts & Music Videos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are some exemplars of student postmodern films with explanations of how and why they approach the traditional narrative form from new directions. Here are some resources that may help introduce students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59363/why-do-movies-feel-different-quiz" 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/subject/generic/51/03.jpg?v=1790338364"
            alt="Why Do Movies Feel Different Quiz"
        >
    </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">
                        Why Do Movies Feel Different Quiz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 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=28" 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>
