<turbo-stream action="append" target="section-items">
    <template>
            <a href="/tok/page/50206/information-journeys-i" 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/knowledge/books-2599241_1280.jpg"
            alt="Information Journeys I"
        >
    </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">
                        Information Journeys I
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These activities are designed to explore the concepts of information, data, and knowledge in a concrete context. What journey must information go through in order to become knowledge? We use examples...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/69442/unit-planner-knowledge-and-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/vilkasss-crowd-10273097_1280.jpg"
            alt="Unit planner - Knowledge and Politics"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unit planners
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unit planner - Knowledge and Politics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The following unit planner is based on the lesson plans from Knowledge and Politics. This is a model unit planner to help you adapt your own unit plans in order to meet IB requirements for the DP. The...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/68722/platos-cave-and-generative-ai" 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/rics-pics/knowledge-and-tech/devon-janse-van-rensburg-qjizxfkoqri-unsplash.jpg"
            alt="Plato&#039;s cave and generative AI"
        >
    </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">
                        Plato's cave and generative AI
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Lucy Gill-Simmon is the Associate Dean for education and student experience in the Faculty of Business and Law at Royal Holloway, University of London. In her job. then, she has much experience of how...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/65439/unit-planner-natural-sciences" 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/natsci/pexels-lilartsy-1194775.jpg"
            alt="Unit planner - Natural Sciences"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unit planners
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unit planner - Natural Sciences
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The following unit planner is based on the lesson plans from Natural Sciences. This is a model unit planner to help you adapt your own unit plans in order to meet IB requirements for the DP. The information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/68922/unit-planner-human-sciences" 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/hs/alanboal-ai-generated-8336887_1280.jpg"
            alt="Unit planner - Human Sciences"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unit planners
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unit planner - Human Sciences
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The following unit planner is based on the lesson plans from Human Sciences. This is a model unit planner to help you adapt your own unit plans in order to meet IB requirements for the DP. The information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/68568/ai-and-the-story-metaphor" 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/history/heruclaneum-papyrus-1521-f002r-british-library-286386.jpg"
            alt="AI and the story metaphor"
        >
    </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">
                        AI and the story metaphor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What do you do if you have in your possession a priceless scroll that could potentially change our understanding of ancient history and philosophy? But there is one problem: the scroll is burnt through...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49748/fake-news-and-information-warfare" 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-thisisengineering-3862634.jpg"
            alt="Fake news and information warfare"
        >
    </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">
                        Fake news and information warfare
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We live in a world where we are constantly bombarded with information and it is sometimes difficult to differentiate what is true and what is not; this task is not made easier with the advent of generative...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/52473/linking-objects-to-the-prompt" 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/rics-pics/assessment/john-barkiple-l090ufwopai-unsplash.jpg"
            alt="Linking objects to the prompt"
        >
    </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">
                        Linking objects to the prompt
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The pages in this chapter have emphasised the key idea that the exhibition is about linking objects to the prompt. A link consists in two distinct items, say an aspect of an object in its knowledge situation,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49747/ai-and-the-arts" 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-abet-llacer-919734.jpg"
            alt="AI and the arts"
        >
    </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">
                        AI and the arts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It is fascinating how artificial intelligence (AI) intersects with art nowadays. AI has opened up new possibilities for creativity, allowing machines to generate artwork that can rival or surprise human...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/50205/knowledge-representations-and-reality" 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/knowledge/map-4248727_1280.jpg"
            alt="Knowledge, representations, and reality"
        >
    </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">
                        Knowledge, representations, and reality
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is an activity that can take place early on in the unit on the core theme. It explores the idea that some a common kind of knowledge is a representation of reality: a simplified picture of the world produced...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 May 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="/tok/latest-updates?page=6" 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>
