<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/57429/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-21.11.47.png"
            alt="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">
                        Lessons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Start here to browse practical and analytical lessons and everything in between. This page is for complete lessons and activities to do with the class.  Practical Filmmaking Lessons These lessons will...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/63127/from-senna-to-brad-pitt-a-brazilian-memory-of-formula-one-sunday" 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/blog/f1_wbdo_featured_image_main_1920x1080-1.webp"
            alt="From Senna to Brad Pitt: A Brazilian Memory of Formula One Sundays"
        >
    </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">
                        From Senna to Brad Pitt: A Brazilian Memory of Formula One Sundays
                                                <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"> Growing up in Brazil in the 1980s and early 1990s, Formula One wasn’t just a sport. It was a ritual. Sunday mornings meant the buzz of turbo engines and the unmistakable voice of Galvão Bueno, calling...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/63110/fast-trashion" 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/fast-trasion-icon.jpg"
            alt="Fast Trashion"
        >
    </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">
                        Fast Trashion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A mockumentary tackling how  some can take advantage of others disadvantages. A biting mockumentary shot in 48 hours, blending fashion satire with social critique on the streets of Paris. Created for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/62933/ai-and-ib" 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/june/58xe.gif"
            alt="AI and IB"
        >
    </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">
                        AI and IB
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Navigating the use of AI in the IB Film class can be tricky.  While there is no subject specific guidance on its usage (as of yet), there is enough that we can determine a personal level of comfortability...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/61492/company" 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/mq3.webp"
            alt="Company"
        >
    </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">
                        Company
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Company is a play on words, a title that has two meanings - the title Company suggests both the ‘companionship’ we seek from our friends… as well as the literal company that employs them in this postmodern comedy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/62242/paris-je-ne-taime-pas" 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/sr---paris-je-ne-taime-pas-image.jpg"
            alt="Paris, Je Ne T&#039;aime Pas"
        >
    </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">
                        Paris, Je Ne T'aime Pas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Paris, Je Ne T'aime Pas tells the story of how Candice, a young woman who just moved to Paris, slowly but surely grew to love the stunning city. Paris, Je Ne T’aime Pas was created as part of the Collaborative...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/62627/beholden" 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/beholden-screen.jpg"
            alt="Beholden"
        >
    </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">
                        Beholden
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Beholden is a film noir telling the struggle of a contract killer that thought he was out but he was pulled back in for a last contract.  Beholden was created as part of the Collaborative Film Project,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/blog/62849/-i-dont-care-about-baseball-so-why-do-i-know-so-much-about-it" 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/blog/baseball-banner-animated.gif"
            alt=" I Don’t Care About Baseball. So Why Do I Know So Much About It?"
        >
    </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">
                         I Don’t Care About Baseball. So Why Do I Know So Much About It?
                                                <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"> By Erick Pessôa  Babe Ruth. The Atlanta Braves. The Yankees. The Bambino Curse. I even know what a curveball is. Why? Because of… (now say it with a Vin Diesel accent) “the movies.” When I was a kid in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/53404/adr-automated-dialogue-replacement" 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/june/boom.jpg"
            alt="ADR (Automated Dialogue Replacement)"
        >
    </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">
                        ADR (Automated Dialogue Replacement)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On set, it can often be very difficult to get good dialogue.  Especially if you're using the boom pole like a bo staff. ADR comes to the rescue. Capturing good live dialogue is hard.  Mic placements,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58781/the-pitch" 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/files/ta/hudsucker.jpg"
            alt="The Pitch"
        >
    </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 Pitch
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Is your idea good enough to put into production?  Let's test it with our studio execs (your classmates). In order to have their ideas approved, it is often recommended that students 'pitch' their ideas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 June 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=22" 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>
