<turbo-stream action="append" target="section-items">
    <template>
            <a href="/ess/page/65150/data-based-activity-topic-41-coastal-vs-inland-cities" 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/ess/images/data-activities/dublin-4955342_1280.jpg"
            alt="Data-based Activity - Topic 4.1 - Coastal vs Inland Cities"
        >
    </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">
                        Data-based Activity - Topic 4.1 - Coastal vs Inland Cities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This data-based activity asks you to consider temperature data on a coastal city and an inland city. There is an HL only question plus SL questions. The answers can be found here: Data-based Activity...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/53439/32821-coyotes-in-urban-areas-of-the-usa" 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/ess/images/topic-2/coyotes.jpeg"
            alt="3.2/8.2.1: Coyotes in urban areas of the USA"
        >
    </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">
                        3.2/8.2.1: Coyotes in urban areas of the USA
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These activities are based on the work of Larson et. al in a paper entitled, "Effects of urbanisation on resource use and individual specialisation in coyotes (Canis latrans) in southern California"....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/69479/welcome-to-ess-with-inthinking" 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/ess/images/pixabay-images/jungle-4003374_1280.jpg"
            alt="Welcome to ESS with InThinking"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Welcome to ESS with InThinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we provide you with guidance on how to navigate and use this website to help you become an independent learner who is able to achieve your best learning in ESS.  Welcome Congratulations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/50988/how-to-use-this-site" 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/ess/images/pixabay-images/compass-1850673_1280.jpg"
            alt="How to Use this Site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How to Use this Site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section we explain how to navigate the site. Organisation of the ESS Site We have top level organisers that include: Ebook - this is your online textbook. It takes you through each topic, subtopic...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/49697/understanding-data-and-statistics" 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/ess/images/topic-8/world-population-2019.png"
            alt="Understanding Data and Statistics"
        >
    </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">
                        Understanding Data and Statistics
                                                <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"> In this section of the website we will explore data. First, how you can collect data and the consequences for how you collect this data. We will explore the description of your data. This usually involves...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/37370/nile-case-study-mark-scheme" 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/ess/images/topic-4/nile_basin_map_353792-resource-2.jpg"
            alt="Nile Case Study Mark Scheme"
        >
    </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">
                        Nile Case Study Mark Scheme
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are the answers to the Nile mini case study assessment....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/25600/ess-book-reviews" 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/ess/images/random/sicilian-beach.jpg"
            alt="ESS Book Reviews"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page, we curate a range of books that will help with your environmental literacy and are just really good reads (in our opinions). We have read all these books and our reviews are our own. Most...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/59016/how-is-ess-assessed" 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/ess/images/random/cnv00034.jpg"
            alt="How is ESS Assessed?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How is ESS Assessed?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page we provide an overview of assessment from May 2026 for ESS. There are many similarities with previous forms of assessment but also some significant changes, especially for HL.This information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/55827/71-natural-resources-uses-and-management-activities" 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/ess/images/ess-2024/topic7/timber.jpg"
            alt="7.1 Natural Resources - Uses and Management Activities"
        >
    </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">
                        7.1 Natural Resources - Uses and Management Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section we have a variety of activities to support student learning in subtopic 7.1 Natural Resources - Uses and Management. Some can be followed independently, serving as review. All can be used...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/56857/environmental-movements-change-over-time" 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/ess/images/Small-Files/Rachel-Carson.jpg"
            alt="Environmental Movements - Change over Time?"
        >
    </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">
                        Environmental Movements - Change over Time?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It's important that rather than just learning a series of facts about events, people and societies over time, that a lens of environmental movements is used. How have these events and people contributed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 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="/ess/latest-updates?page=13" 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>
