<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/59362/problem-with-irony-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/01.jpg?v=1790338364"
            alt="Problem with Irony 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">
                        Problem with Irony 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>
    <a href="/film/page/52971/a-critique-of-the-postmodern" 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/istockphoto-95812435-612x612.jpg"
            alt="A Critique of the Postmodern"
        >
    </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">
                        A Critique of the Postmodern
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Postmodernism is present all around our cultural zeitgeist, ironically, that makes it hard for us to really see.  Understanding the problems of postmodernism is important to address as well.  As we dig...</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/58376/postmodern-analysis" 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/intro-1718720798.webp"
            alt="Postmodern Analysis"
        >
    </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 Analysis
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Before we analyze a postmodern film for this next assignment, we here at InThinking Film want to make it clear that we will never doubt your commitment to Sparkle Nation. For this assessment, I've often...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52973/postmodern-techniques" 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/thematrix023.jpg"
            alt="Postmodern Techniques"
        >
    </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 Techniques
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Master Oogway, Kung Fu Panda Understanding how postmodernist thought manifests in film texts can be tricky to understand and is constantly evolving.  However, looking at certain characteristics can help...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58374/lesson-introduction-to-postmodernism" 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/still_life_2.jpg"
            alt="Lesson: Introduction to Postmodernism"
        >
    </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">
                        Lesson: Introduction to Postmodernism
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The postmodernism project challenges students to engage in the dialogue about our contemporary world created by postmodernist discourse.  Students will learn to critically analyze postmodern films, discussing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53038/postmodern-film-unit-plan" 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/images-%285%29.jpeg"
            alt="Postmodern Film Unit Plan"
        >
    </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">
                        Postmodern Film Unit Plan
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vaclav Havel Students are creating films in a postmodern context. Understanding what that means may help them create films with deeper meanings connected directly to their own cultural contexts. Postmodernism...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57835/mystery-box-examples-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/david/new-images/screenshot-2024-09-16-at-00.05.02.png"
            alt="Mystery Box Examples &amp; 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">
                        Mystery Box Examples & Exemplars
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It's how we can create tension and mystery about what might be in the box.  More importantly though the key to this lesson is about telling a story without words. The Black Hole is a great example of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/51978/portfolio-project-the-mystery-box" 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/60-(801).jpg"
            alt="Portfolio Project:  The Mystery Box"
        >
    </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">
                        Portfolio Project:  The Mystery Box
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Brad Pitt, Se7en A mystery box is a cinematic device that represents the allure of the unknown. This project introduces students to basic narrative structure and helps them develop their first ideas for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57230/looking-at-film-the-wright-way-part-one" 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/42-%28895%29.jpg"
            alt="Looking at Film The Wright Way: Part One"
        >
    </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">
                        Looking at Film The Wright Way: Part One
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As we've seen in Scott Pilgrim vs.The World, Edgar Wright has a unique approach to his filmmaking. In this project, we'll learn about how he leverages the roles of cinematographer, director, sound designer,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53292/the-wright-way-lesson-two" 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/58-%28816%29-%281%29.jpg"
            alt="The Wright Way: Lesson Two"
        >
    </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">
                        The Wright Way: Lesson Two
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This unit plan includes both analytical and practical filmmaking work that will provide scaffolding support for multiple assessments including the Textual Analysis and the Film Portfolio. This lesson...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 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=29" 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>
