<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/68734/63-inquiry-project-ipd-and-list-of-references-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/images/6.1/template.jpg"
            alt="6.3 Inquiry Project IPD and List of References - 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.3 Inquiry Project IPD and List of References - Template
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a template for the Digital Society Inquiry Process Document (IPD). If properly followed, it will ensure that you will meet the requirements for criterion A and B, as well as the List of References...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68192/27-values-and-ethics" 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/2.0-concepts/ethics.jpg"
            alt="2.7 Values and Ethics"
        >
    </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">
                        2.7 Values and Ethics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The concept of values and ethics is present throughout the course of Digital Society. It seems that every time a new technology emerges or an existing one evolves, new ethical dilemmas arise. These are...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68175/26-systems" 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/2.0-concepts/system.jpg"
            alt="2.6 Systems"
        >
    </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">
                        2.6 Systems
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Systems are a way to understand how things are organized and how they work together in human, natural, and man-made environments. A school is a system: students, teachers, rules, and schedules all work...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68139/25-space" 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/2.0-concepts/videoconference.jpg"
            alt="2.5 Space"
        >
    </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">
                        2.5 Space
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The concept of space is very different online compared to face-to-face interactions. Consider the example of a videoconference. In a face-to-face setting, people are together when they share the same...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68136/24-power" 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/2.0-concepts/power.jpg"
            alt="2.4 Power"
        >
    </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">
                        2.4 Power
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On most social media platforms, algorithms decide what you see and what you do not see. Based on your preferences—such as watch time, liked posts, and interactions—the algorithm builds a profile of you...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68124/23-identity" 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/2.0-concepts/secret-identity.jpg"
            alt="2.3 Identity"
        >
    </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">
                        2.3 Identity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In a digital society, people often have multiple identities. There is the identity they use at school or work—the way others see them: for example, serious, dedicated workers or students who rarely waste...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/67865/22-expression" 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/2.0-concepts/smiling-face.jpg"
            alt="2.2 Expression"
        >
    </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">
                        2.2 Expression
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In the early days of communication over the Internet, messages were made solely of texts. Many messages quite often were misunderstood due to the lack of gestures and expressions. Then, in 1999 Japanese...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/67604/21-change" 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/2.0-concepts/fax.jpg"
            alt="2.1 Change"
        >
    </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">
                        2.1 Change
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Before the 1980s, the mail service was the most common way to send long-distance text messages. Fax machines became popular in the 1980s and offered a much faster alternative to this service. However,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62365/31i-student-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/subject/generic/85/02.jpg?v=1790338369"
            alt="3.1I - Student Activities"
        >
    </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">
                        3.1I - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62363/31g-student-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/subject/generic/85/03.jpg?v=1790338369"
            alt="3.1G - Student Activities"
        >
    </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">
                        3.1G - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 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=12" 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>
