<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/68499/400-digital-society-contexts" 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/digitalsociety/images/teacher-only/context2.jpg"
            alt="4.0.0 Digital Society Contexts"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Course Orientation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        4.0.0 Digital Society Contexts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Digital Society Contexts situate inquiry within areas that are significant to life in a digital society. As stated in the Digital Society Guide, students are not expected to develop in-depth knowledge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68494/300-digital-society-contents" 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/digitalsociety/images/teacher-only/contents.jpg"
            alt="3.0.0 Digital Society Contents"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Course Orientation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        3.0.0 Digital Society Contents
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Digital Society Contents correspond to the digital systems component of the Digital Society syllabus. As pointed out in the Digital Society Guide, students are not expected to develop in-depth knowledge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68477/200-digital-society-concepts" 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/digitalsociety/images/teacher-only/concept.jpg"
            alt="2.0.0 Digital Society Concepts"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Course Orientation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        2.0.0 Digital Society Concepts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> According to the Digital Society Guide, concepts are broad ideas that help us explore and understand the world from different perspectives, encouraging questioning and discussing. They help us think more...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/69303/external-assessment-overview" 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/85/01.jpg?v=1790338369"
            alt="External Assessment – Overview"
        >
    </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">
                        External Assessment – Overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Standard Level Paper 1 Details relating to the questions Each structured question is composed of 3 parts: Part “b” question, which use command terms that require students to apply their knowledge and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/70989/paper-1-sl-sample" 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/85/02.jpg?v=1790338369"
            alt="Paper 1 SL Sample"
        >
    </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">
                        Paper 1 SL Sample
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Digital Society Standard Level Paper 1 Answer two questions. Each question is worth [20] marks. 1. Data The DNA-testing company, 23andMe, announced that it was filing for bankruptcy protection. This caused...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/70865/64-the-inquiry-project-ia-proposal-template" 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/digitalsociety/template.jpg"
            alt="6.4 The Inquiry Project IA Proposal Template"
        >
    </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">
                        6.4 The Inquiry Project IA Proposal Template
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This template is intended to be used to plan the inquiry and to be referred to/updated whenever the student consults with the teacher. It may not be all filled in at once, but outlines the overall planning...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/65072/45-human-and-knowledge" 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/85/03.jpg?v=1790338369"
            alt="4.5 Human and knowledge"
        >
    </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">
                        4.5 Human and knowledge
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The purpose of education goes far beyond transmitting knowledge. It should nurture compassionate and creative individuals who can contribute to a just society where people live fulfilled lives with minimal......</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/69327/external-assessment" 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/85/04.jpg?v=1790338369"
            alt="External Assessment"
        >
    </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">
                        External Assessment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68667/62-digital-society-inquiry-project-guidance" 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/digitalsociety/images/6.1/guidance.jpg"
            alt="6.2 Digital Society Inquiry Project Guidance"
        >
    </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">
                        6.2 Digital Society Inquiry Project Guidance
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, you will find guidance on how to meet the IB assessment criteria for the Digital Society Inquiry Project. Understanding these criteria will help you maximize your marks. For each criterion,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68660/61-digital-society-inquiry-project-overview" 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/digitalsociety/images/6.1/inquiry-project.jpg"
            alt="6.1 Digital Society Inquiry Project Overview"
        >
    </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">
                        6.1 Digital Society Inquiry Project Overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Internal Assessment is an individual research project that explores how digital systems affect people and communities. Students choose and investigate a topic of interest, taking responsibility for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 June 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="/digitalsociety/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>
