<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/71340/shot-types-presentation" 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/04.jpg?v=1790338364"
            alt="Shot Types Presentation"
        >
    </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">
                        Shot Types Presentation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Image Gallery...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56264/lesson-plan-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/david/new-images/images-original.png"
            alt="Lesson Plan: Shot Types"
        >
    </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 Plan: Shot Types
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this lesson students will begin to explore how and why a variety of shot types are used. Link to Student Facing Presentation Image Gallery...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/56262/storyboarding-101" 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-07-21-at-11.38.21.png"
            alt="Storyboarding 101"
        >
    </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">
                        Storyboarding 101
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Storyboarding is not just an important way to prepare for your project, it is critical for understanding how various shots become the building blocks of a scene.  It can also a powerful brainstorming...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54881/plot-vs-theme" 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/hair-love-ht-ml-200116_hpmain_1x1_608.jpg"
            alt="Plot vs. Theme"
        >
    </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">
                        Plot vs. Theme
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Michael Phillip Jagger Why do plot and theme share a page on our site?   After all; they are very different things.  However, if we take into consideration the wisdom of the esteemed Mr. Jagger and all...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/70590/memory-chilean-cinema-" 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/2026/chile/8f35f0f47aa3c1cb4972640134d00d3c5cf61ef3082ec33a9e0d22e8157bfde8.jpg"
            alt="Memory &amp; Chilean Cinema "
        >
    </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">
                        Memory & Chilean Cinema 
                                                <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"> Change is hard.  This summer, my family packed up and left Santiago, our home of three years, threw a b’not mitzvah for our girls and their close friend together, visited family, did tons of paperwork,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/64628/german-expressionism" 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/sept/review_nosferatu.jpg"
            alt="German Expressionism"
        >
    </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">
                        German Expressionism
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The German Expressionism movement began out of a reaction to the horrors of the First World War and the depression that followed it.  It began as a movement in the visual arts and literature but quickly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53891/dialogue" 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.32.41.png"
            alt="Dialogue"
        >
    </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">
                        Dialogue
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Writing good dialogue is often considered one of the most challenging tasks for IB Film students to conquer; and for good reason. Good dialogue doesn't just communicate information;  it captures nuances...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53997/filmmaker-intentions-cultural-context" 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-03-01-at-09.37.14.png"
            alt="Filmmaker Intentions &amp; Cultural Context"
        >
    </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">
                        Filmmaker Intentions & Cultural Context
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> -Denis Villeneuve on his inspirations in making Dune.  In IB Film, we often talk about filmmaker intentions in the context of student work.  The aim of this page, however, is to have students understand...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59274/student-access-setting-assignments" 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/intro-pages/00779e5a7ed256a2318809b73a3cbcfc.gif"
            alt="Student Access: Setting Assignments"
        >
    </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">
                        Student Access: Setting Assignments
                                                <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"> There are some pages that have suggested assignments and embedded assignments, but any page can be turned into a reading assignment or require a written response by students with a few easy clicks. In...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57834/lesson-music-for-film" 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-15-at-23.25.48.png"
            alt="Lesson: Music for Film"
        >
    </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: Music for Film
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is problematic, especially if students want to use music for their Collaborative Films.  However, this lesson, co-created with film composer Rolf Becker can help students develop simple musical arrangements...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2026
                        </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=7" 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>
