<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/54927/core-syllabus-areas" 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/17974-emmet-saf23092crop.jpg"
            alt="Core Syllabus Areas"
        >
    </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">
                        Core Syllabus Areas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> And how do they relate to the assessments that the students will prepare for? These Core Syllabus areas of the IB Film Curriculum consist of several key areas that students will explore and engage with...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58992/textbook-alternatives" 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/mv5bm2yynjawmjitnzyyoc00ntixltlhy2ytmti1mgjizjmzmmu5xkeyxkfqcgdeqxvymdgynja5ma%40%40._v1_.jpg"
            alt="Textbook Alternatives"
        >
    </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">
                        Textbook Alternatives
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Indeed, in the information age, we expect our students to be knowledge constructors rather than gatherers.  One way to achieve this in the film course is to have the students work collaboratively on an...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57311/software-resources" 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-01-at-10.37.41.png"
            alt="Software Resources"
        >
    </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">
                        Software Resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There are many free and inexpensive tools that you can use to develop your film at various stages of production.   Here are a few recommendations: Causality: Causality is not just a screenwriting app,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57025/looking-at-options-editing-software" 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-19.17.05.png"
            alt="Looking at Options: Editing Software"
        >
    </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">
                        Looking at Options: Editing Software
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Which should we choose? When it comes to video editing software for your high school film program, there are several excellent options to choose from, each with its own unique strengths and considerations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/57043/looking-at-options-cameras" 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-26-at-16.40.57.png"
            alt="Looking at Options: Cameras"
        >
    </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">
                        Looking at Options: Cameras
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The question of 'which cameras should I buy for my film program' is at the forefront of every film teacher's mind as they begin a new program.  Issues of quality vs. quantity, budgetary constraints, resolution,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59724/student-access-graded-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/new-images/schoolofrock-590x308.jpg"
            alt="Student Access: Graded 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: Graded 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"> This can work side-by-side with your learning management system.  Some assessments are self grading or will automatically tell you when a student has submitted an assignment or completed a reading.  Other...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59269/student-access-creating-groups" 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/sddefault.jpg"
            alt="Student Access: Creating Groups"
        >
    </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: Creating Groups
                                                <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"> No harm will come to your students as they embark on this journey with you.  An important feature of this site is the ability to give students access to the materials available on this site.  This includes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59267/site-organization" 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/screenshot-2025-01-07-at-21.53.46.png"
            alt="Site Organization"
        >
    </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">
                        Site Organization
                                                <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"> The goal of this page is to explain the key sections of the site.  Each section is noted by one of the main headings in the menu that runs across the top of the page. For each section, there is an explanation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/55257/start-here" 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/more-images/screenshot-2024-05-26-at-21.18.37.png"
            alt="Start Here"
        >
    </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">
                        Start Here
                                                <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, teachers and students, to the ThinkIB course guide for IB Film.  Here we hope you'll find some good advice and guidance about what to do with this time that we have. What is IB Film? Here's your...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/54816/story-arc" 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/03-%28156%29.jpg"
            alt="Story Arc"
        >
    </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">
                        Story Arc
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Freytag's pyramid, also known as Freytag's dramatic structure or the dramatic arc, is a model that describes the typical progression of a dramatic or narrative work, such as a play, novel, or film. It...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 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=33" 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>
