<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/60503/35d-digital-media-dilemmas" 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/3.5d-dilemmas/dilemmas.jpg"
            alt="3.5D Digital media dilemmas"
        >
    </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.5D Digital media dilemmas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In today's interconnected world, digital dilemmas are everywhere. Young people must balance authenticity with privacy when sharing online, question whether public actions should be fair game for social...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/60466/35c-immersive-digital-media" 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/3.5c-immersive_media/immersive-media.jpg"
            alt="3.5C Immersive digital media"
        >
    </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.5C Immersive digital media
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Immersion in technology refers to the ability to engage users deeply within a digital environment. Immersive media, often associated with extended reality (XR), enhances interaction by allowing users...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/60380/35b-characteristics-of-digital-media" 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/3.5b-characteristics-of-digital-media/digital-media.jpg"
            alt="3.5B Characteristics of Digital Media"
        >
    </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.5B Characteristics of Digital Media
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Digital media has revolutionized how we communicate, interact, and consume content. Unlike traditional media, which follows a linear and passive format, digital media is dynamic, interactive, and highly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/59890/35a-types-of-digital-media" 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/3.5a-digital-media/types-of-media.jpg"
            alt="3.5A Types of Digital Media"
        >
    </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.5A Types of Digital Media
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Digital media encompasses any form of content that uses electronic or digital technology to connect with an audience. This technology is often used to create, edit, consume, store, and distribute such...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/56907/32d-uses-of-algorithms-part-1" 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/3.2d-uses-of-algorithms/uses-of.jpg"
            alt="3.2D Uses of Algorithms - part 1"
        >
    </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.2D Uses of Algorithms - part 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Algorithms are employed across the field of computer science. They are the backbone of the field. In computer science, an algorithm is a collection of instructions that allows a computer to perform any...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/59477/34e-the-world-wide-web" 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/3.4e-the-world-wide-web/www.jpg"
            alt="3.4E The World Wide Web"
        >
    </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.4E The World Wide Web
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The World Wide Web (WWW), often referred to simply as the Web, is a system of interconnected webpages and resources that can be accessed via the Internet. Created in 1989 by Sir Tim Berners-Lee, the Web...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/59569/34g-internet-dilemmas-part-2" 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/3.4g-internet-dilemmas/dilemma-2.jpg"
            alt="3.4G Internet dilemmas - part 2"
        >
    </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.4G Internet dilemmas - part 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Individuals, businesses, governments, and society as a whole have intertwined their future with information technologies, making cyberspace activities essential to everyday life. However, these activities—many...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/59518/34g-internet-dilemmas-part-1" 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/3.4g-internet-dilemmas/dilemma.jpg"
            alt="3.4G Internet dilemmas - part 1"
        >
    </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.4G Internet dilemmas - part 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We are all participants in the internet revolution, whether actively or passively. The internet has become an integral part of modern life, and for good reason—it's hard to imagine our daily routines...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/59482/34f-evolution-of-the-internet-and-the-web" 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/3.4f-evolution-of-the-internet/evolution.jpg"
            alt="3.4F Evolution of the Internet and the Web"
        >
    </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.4F Evolution of the Internet and the Web
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The internet has transformed how we communicate, work, and obtain information. Its progression from ARPANET to the World Wide Web highlights the impact of innovation and teamwork. What started as a modest...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/59472/34d-computing-network-providers-and-services" 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/3.4d-providers-and-services/services.jpg"
            alt="3.4D Computing network providers and services"
        >
    </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.4D Computing network providers and services
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this lesson, we will explain what is an Internet Service Provider (ISP) and its importance. We will also explore some of the services ISPs provide to their users. An Internet Service Provider (ISP)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 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=7" 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>
