<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/61793/postmodernism-the-elements-and-principles" 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-21-at-08.08.56.png"
            alt="Postmodernism: The Elements and Principles"
        >
    </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: The Elements and Principles
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> By framing postmodernism in the way we approach the elements and principles of art, we can better understand how meaning is constructed in the relationship between technique and intention. Postmodernism...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/52898/the-postmodern-project" 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-13.18.39.png"
            alt="The Postmodern Project"
        >
    </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 Postmodern Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Fight Club Want to challenge your students to make more sophisticated and thoughtful films?  Postmodern approaches require students to think critically about their environment and experiences and create...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54471/storyboards" 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/visual-evidence/c04f8f7409f1ac99cba8d0d360b22a0e.jpg"
            alt="Storyboards"
        >
    </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">
                        Storyboards
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the core outcomes of this course is to become literate in the language of film.  The storyboard is an essential tool to visualize how that language will come to life in your project. Storyboarding...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55884/formalist-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/dziga-vertov1.jpg"
            alt="Formalist 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">
                        Formalist 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">
                            18 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55165/structuralism-post-structuralism-more-untangling-a-few-theories" 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/diewand-glas.jpg"
            alt="Structuralism, Post-Structuralism &amp; More: Untangling a Few Theories"
        >
    </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">
                        Structuralism, Post-Structuralism & More: Untangling a Few Theories
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Formalism, Structuralism, Post-Structuralism, and Postmodernism have much in common and much that separates them. Let's examine where these theories overlap and how they differ.  Please bear in mind that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53048/film-language-roles" 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-08-30-at-13.47.35.png"
            alt="Film Language &amp; Roles"
        >
    </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">
                        Film Language & Roles
                                                <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"> Start here to learn about the language of film and the crew roles that use this language to create meaning.  Learning to communicate in film language is at the heart of this course.  In one shot, a slow...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53165/post-production" 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-09-at-20.29.49.png"
            alt="Post-production"
        >
    </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">
                        Post-production
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The final phase of production brings the film together.  Working towards the film's final form may take some unexpected turns towards the end. The final stage of the process is also the final draft of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53140/mind-maps" 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-04-25-at-17.06.42.png"
            alt="Mind Maps"
        >
    </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">
                        Mind Maps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mind maps are visual diagrams that develop from a central concept, theme, or idea.  That central point becomes the start of the map; from there the map will grow and develop branches out into related...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58064/cinematography-one-shot-exercise" 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/mov-brave_320-copy.jpg"
            alt="Cinematography: One Shot Exercise"
        >
    </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">
                        Cinematography: One Shot Exercise
                                                <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"> - Lin Manuel Miranda The One Shot Exercise aims to investigate how much a single shot can communicate to the audience.  This is a flexible exercise that works well at two key moments in the course:– As...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56836/framing-composition" 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/untitled-10.gif"
            alt="Framing &amp; Composition"
        >
    </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">
                        Framing & Composition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The frame is literally the rectangle that defines the edges of your film.  The size and shape varies in films but in general, we're thinking about how we fit or films into that square-ish space. The contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 October 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=17" 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>
