<turbo-stream action="append" target="section-items">
    <template>
            <a href="/tok/page/53253/politics-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/tok/images/basia-pics/politics/pexels-markus-spiske-2990644.jpg"
            alt="Politics and ethics"
        >
    </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">
                        Politics and ethics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Through civil disobedience, from movements advocating for civil rights and environmental protection to whistle-blowers exposing government misconduct, individuals have challenged authority to pursue justice...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/53251/conservative-vs-liberal" 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/tok/images/basia-pics/politics/pexels-wikimedia-commons-4666.jpg"
            alt="Conservative vs Liberal"
        >
    </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">
                        Conservative vs Liberal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Political ideologies shape how societies address critical issues like scientific advancements, technology, environmental policies, education, and healthcare. Understanding the values prioritized by different...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/53200/political-leaders" 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/tok/images/basia-pics/politics/pexels-august-de-richelieu-4427630.jpg"
            alt="Political Leaders"
        >
    </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">
                        Political Leaders
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Leadership is one of the key skills influencing how communities, nations, and even the world are governed. Political leaders are crucial in shaping laws, policies, and international relations. Understanding...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/53250/your-political-profile" 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/tok/images/basia-pics/politics/pexels-mikhail-nilov-8846632.jpg"
            alt="Your political profile"
        >
    </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">
                        Your political profile
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Politics is everywhere; it rules how we live and what we can and cannot do, and it governs our duties and responsibilities. By the way we are brought up and our experiences, we shape our political views...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/53198/introduction-to-politics" 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/tok/images/basia-pics/politics/pexels-gotta-be-worth-it-5214881.jpg"
            alt="Introduction to politics"
        >
    </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">
                        Introduction to politics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Politics shapes every aspect of our lives, from national governments to school councils. But what exactly is politics, and how does power operate within different systems?  Each political system has unique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49741/ethics-of-technology-use" 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/tok/images/basia-pics/technology/pexels-alex-knight-2599244.jpg"
            alt="Ethics of technology use"
        >
    </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">
                        Ethics of technology use
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This lesson explores some ethical traditions and how they can be applied to decisions in the technical world.  Corresponding Student Handbook page:  Knowledge and technology: ethics - responsibilities...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49745/technology-and-science" 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/tok/images/basia-pics/technology/pexels-pixabay-267394.jpg"
            alt="Technology and science"
        >
    </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">
                        Technology and science
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Technology has changed how knowledge is created, stored and disseminated, especially in the natural sciences, from technological devices that extend our senses to enhanced spread of knowledge, providing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49717/knowledge-and-technology-scope-what-is-technology" 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/tok/images/basia-pics/technology/pexels-pixabay-356056.jpg"
            alt="Knowledge and technology: scope - What is technology?"
        >
    </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">
                        Knowledge and technology: scope - What is technology?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The word 'technology' is often associated with current digital technology like computers, phones or laboratory equipment. But technology has been around for probably more than 10000 years and exists in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49722/what-is-technology" 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/tok/images/basia-pics/technology/pexels-christina-morillo-1181673.jpg"
            alt="What is technology?"
        >
    </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">
                        What is technology?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Often when we talk about technology we think of digital devices that are supposed to make our lives easier - this is so-called information technology. But technology is more than this. Broadly speaking...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/51802/ethics-and-religious-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/ib/tok/images/basia-pics/religion/boy-1807518_1280.jpg"
            alt="Ethics and Religious Knowledge"
        >
    </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">
                        Ethics and Religious Knowledge
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Religion is can be seen as a source of moral code. Every religion proposes a moral code that defines what is right and what is wrong. It influences other areas of knowledge, often determining what is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </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="/tok/latest-updates?page=21" 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>
