<turbo-stream action="append" target="section-items">
    <template>
            <a href="/ess/page/29053/student-access" 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/noun-project/noun_knowledge-management_1874157-tok.png"
            alt="Student Access"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Student Access
                                                <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"> On this page, we explain the value, utility and setup of student access to the ESS InThinking site.  Student Access to the InThinking ESS website As part of your subscription to the InThinking ESS site,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/71348/student-access-page-manager" 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/noun-project/noun_dossier_694204.png"
            alt="Student Access - Page Manager"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Student Access - Page Manager
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page explains how to control the pages that are visible to your students.  Managing Student Pages Click on the Waffle Menu Click on Student Access Manager Select one of your groups Select Page Manager...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/51361/topic-4-water" 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/iceland-1768744_1280-pixabay.jpg"
            alt="Topic 4: Water"
        >
    </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">
                        Topic 4: Water
                                                <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 is the overview page for the eBook on Topic 4 on Water. This subtopic introduces the hydrological cycle (the water cycle) and explores how water moves through systems in flows between stores. It's...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/50654/topic-1-foundations-of-ess" 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/flowers-951392_1280-pixabay.jpg"
            alt="Topic 1: Foundations of ESS"
        >
    </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">
                        Topic 1: Foundations of ESS
                                                <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 these pages we support the Foundation Topics - Perspectives - Systems - Sustainability - which form the core concepts for the whole course at SL and HL. In this section we support learning in subtopic...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60175/topic-8-experimental-ideas" 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/man-5963976_1280.jpg"
            alt="Topic 8: Experimental Ideas"
        >
    </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">
                        Topic 8: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60174/topic-7-experimental-ideas" 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/man-5963976_1280.jpg"
            alt="Topic 7: Experimental Ideas"
        >
    </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">
                        Topic 7: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60173/topic-6-experimental-ideas" 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/wind-energy-7394705_1280-pixabay.jpg"
            alt="Topic 6: Experimental Ideas"
        >
    </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">
                        Topic 6: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic. Here are a variety of ways of investigating albedo and its affect on temperature change. These can be conducted as single...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60170/topic-5-experimental-ideas" 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/clover-5197618_1280.jpg"
            alt="Topic 5: Experimental Ideas"
        >
    </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">
                        Topic 5: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic. In this lab, we will investigate the effect of changing the concentration of salt solution on different species, in order...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60169/topic-4-experimental-ideas" 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/bubbles-230014_1280.jpg"
            alt="Topic 4: Experimental Ideas"
        >
    </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">
                        Topic 4: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic. In this lab, we will explore the properties of water and how they impact life. This activity looks at some statistics...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60168/topic-3-experimental-ideas" 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/monkey-1197100_1280.jpg"
            alt="Topic 3: Experimental Ideas"
        >
    </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">
                        Topic 3: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic. Species richness and species diversity are both used to survey and quantify a community but they can give very different...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 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=11" 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>
