<turbo-stream action="append" target="section-items">
    <template>
            <a href="/tok/page/67707/ai-and-the-maze-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/technology/edmond_de_belamy.png"
            alt="AI and the maze 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 maze metaphor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Given the right kind of training, AI systems can be configured to produce works of art. We usually regard the capability of producing art a skill - that is 'knowing how' rather than ‘knowing that’. On...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/62256/playing-with-topology" 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/maths/klein-bottle-rossdawson.com.png"
            alt="Playing with topology"
        >
    </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">
                        Playing with topology
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The best way to understand what mathematicians actually do is to do some maths yourself. Surprisingly, the maths that is closest to the what the professionals do is more like playing games or doing puzzles....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/67959/ai-and-the-map-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/technology/d4239891-0c1d-4bb2-af1f-28948bbea8fb.webp"
            alt="AI and the map 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 map metaphor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Machine learning is a key feature of artificial intelligence. We are not just talking about generative AI such as large language models like ChatGPT but also the algorithms that select what appears in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/67706/ai-and-the-notebook-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/technology/tungnguyen0905-technology-7111795_1280.jpg"
            alt="AI and the notebook 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 notebook metaphor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Can AI know anything? Can it develop a theory of mind like some psychologists think humans do? With a rapid development of AI, many people are turning to machines for advice on everything, from medical...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/49716/knowledge-and-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/subject/generic/1/03.jpg?v=1790338350"
            alt="Knowledge and 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
                                    

                    </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">
                            25 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/67938/exhibition-tips-3-writing-up-an-exhibition" 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/1748938521859.jpg"
            alt="Exhibition Tips 3: Writing up an Exhibition"
        >
    </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">
                        Exhibition Tips 3: Writing up an Exhibition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The next stage in the process after the objects have been chosen and the linking table constructed is to begin writing. The table can be a guide to ensure that links to the prompt are made explicitly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/67069/exhibition-tips-videos" 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/ashmolean-1.png"
            alt="Exhibition Tips videos"
        >
    </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">
                        Exhibition Tips videos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is an ongoing collection of videos containing tips about the ToK Exhibition. This is the first in a series of videos focused on the ToK Exhibition. In it we survey the Exhibition task. What is the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/50443/arts-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/arts/pexels-elina-sazonova-3971985.jpg"
            alt="Arts 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">
                        Arts and ethics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In contrast to the natural or human sciences, the arts do not have a strict set of ethical rules artists should follow. Does it mean, though, that it should be completely free and not constrained by any...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/67635/exhibition-tips-2-building-an-exhibition" 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/img_9824.jpg"
            alt="Exhibition Tips 2: Building an exhibition"
        >
    </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">
                        Exhibition Tips 2: Building an exhibition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this video Ric goes through the actual process of choosing objects for a prompt taking a perspective approach. Instead of choosing the objects first and trying to fit them to the prompt, the suggestion...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/67565/unit-planner-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/arts/pexels-mengliu-di-3679525.jpg"
            alt="Unit planner - the Arts"
        >
    </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 - the Arts
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The following unit planner is based on the lesson plans from Arts. 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 will...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 March 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=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>
