<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/53283/the-wright-way-lesson-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="The Wright Way: Lesson One"
        >
    </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 One
                                    

                    </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. Objectives: Students...</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/53172/the-wright-way" 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="The Wright Way"
        >
    </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
                                    

                    </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. If you are following...</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/56295/the-toast-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/bread_toast_recipe_400.jpg"
            alt="The Toast Project"
        >
    </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">
                        The Toast Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Filmmaking starts with thinking about film language. Before we get into telling compelling stories, we can learn to use filmmaking to make a boring task interesting.  Your assignment will be to shoot...</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/50531/toast-a-first-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/bread_toast_recipe_400.jpg"
            alt="Toast: A First 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">
                        Toast: A First Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Filmmaking starts with thinking about film language. Before we get into telling compelling stories, we can learn to use filmmaking to make a boring task interesting.  The Toast project is actually two...</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/57470/projects" 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-09-04-at-18.44.38.png"
            alt="Projects"
        >
    </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">
                        Projects
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Peter Jackson This page presents a collection of project ideas and prompts for your students to use as inspirations for their projects. These projects are designed to facilitate student engagement with...</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/55045/sound-design-process-example" 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-08-25-at-00.52.38.png"
            alt="Sound Design Process Example"
        >
    </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 Design Process Example
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You may have seen the example of collecting Foley sounds on the Foley Sound page.  What do you think made them? What could they be used for?  Exercise: Identify the Sounds What is this sound?  sound one.m4a...</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/57823/film-sound-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/ib/film/david/new-images/screenshot-2024-09-13-at-08.07.58.png"
            alt="Film Sound 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">
                        Film Sound Quiz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's find out!...</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/53348/lesson-foley-sound" 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/dlzuutquqaab7eo.jpg_large"
            alt="Lesson: Foley Sound"
        >
    </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: Foley Sound
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Students will be able to create Foley sounds using easily found objects, alter the sounds using GarageBand, and practice layering and adjusting EQs. Students will showcase their understanding by creating...</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/58647/activity-creating-unique-sounds" 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/grind.jpg"
            alt="Activity: Creating Unique Sounds"
        >
    </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">
                        Activity: Creating Unique Sounds
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You can approach this activity in one of two ways - you can introduce the students to recording, layering, Foley, and EQs before hand, or have them learn about these things as they develop their sounds. ...</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/57433/sound-design-lessons" 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-09-03-at-22.54.07.png"
            alt="Sound Design Lessons"
        >
    </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">
                        Sound Design Lessons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page features sound design lessons that explore the crucial role of audio in film production. Teachers will find structured lesson plans and hands-on activities that cover sound recording, editing,...</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=30" 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>
