<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/53357/foley-library" 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="Foley Library"
        >
    </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">
                        Foley Library
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Guy Madden The sound design role is often the most underutilized of the five IB Film roles.  One way to support students in sound design is to assemble a 'foley library' of objects and items to help them...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53353/recording-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/screenshot-2024-01-22-at-16.29.28.png"
            alt="Recording Sound"
        >
    </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">
                        Recording Sound
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As a sound designer, your work must both be ubiquitous and carefully executed. Capturing high quality audio while you are filming scenes with dialogue will make or break your film. Poor audio quality...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53403/adjusting-layering-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/images/mv5bmzvlyjkxnjctntq0zi00ytcyltkxnzitmme2ytqxzjlmyjuwxkeyxkfqcgdeqxvyntayndq2nji%40._v1_.jpg"
            alt="Adjusting &amp; Layering Sounds"
        >
    </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">
                        Adjusting & Layering Sounds
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> EQ levels look complicated at first, but once you learn the ins and outs of sound frequencies and layering, you can create more complex and meaningful sounds for your films. EQ levels refer to equalizing frequencies...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/64819/staying-on-track-suggested-deadlines-for-ib-film-final-assessmen" 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="Staying on Track: Suggested Deadlines for IB Film Final Assessments May 2026"
        >
    </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">
                        Staying on Track: Suggested Deadlines for IB Film Final Assessments May 2026
                                                <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"> One of the biggest challenges in teaching IB Film is time. There is so much I want to teach and show;  between shoots, edits, research, and reflection. When we arrive in Y2, it tends to move at lightning...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55951/film-genres-genre-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/screenshot-2024-07-03-at-16.14.57.png"
            alt="Film Genres (Genre 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">
                        Film Genres (Genre Theory)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quentin Tarantino Teachers should understand that although Genre Theory would generally fall under the umbrella of Film Theory, for the purpose of the comparative study, it is parsed out separately as...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59073/the-screening-room-archives" 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/erick/images/sr/screening-room-archives-banner-cropped.jpg"
            alt="The Screening Room - Archives"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Gallery
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Screening Room - Archives
                                                <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"> Welcome to the Screening Room Archives — your backstage pass to student-made cinema. From IB Film Portfolios to Collaborative Film Projects and memorable student reels of the past, this vault holds it...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/64779/afterimage" 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/erick/images/sr/afterimage.jpg"
            alt="Afterimage"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Gallery
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Afterimage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Lonely and yearning for Maria, the partner he lost too soon, Ruben finds himself on an emotional journey that transcends loss, where an unexpected, surreal reunion becomes a catalyst for healing.  Plan...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59104/film-language-and-elements" 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/yojimbo-pelicula-japonismo.webp"
            alt="Film Language and Elements"
        >
    </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 and Elements
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What are these things and how do they relate to each other?  Let's learn to speak in 'film'. We often use the terms film language, film elements and film vocabulary interchangeably but it is important...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58583/what-not-to-include-in-your-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/intro-1660697849.jpg"
            alt="What Not to Include in Your Film"
        >
    </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">
                        What Not to Include in Your Film
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The guide offers some guidance around ethical filmmaking that you must be aware of as you develop your film ideas. Your film is meant to be created to be appropriate to an audience of your peers. Ethical...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53164/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/godland-25.jpg"
            alt="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">
                        Production
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Transitioning from pre-production to production can be scary at first.  However, if you have a strong pre-production process and a collaborative team, this can be the most rewarding and exciting part...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 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=18" 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>
