<turbo-stream action="append" target="section-items">
    <template>
            <a href="/tok/page/51946/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/pexels-august-de-richelieu-4427626.jpg"
            alt="Knowledge and 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">
                        Knowledge and Politics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This site contains a selection of resources and lesson plans for an Optional Theme on Knowledge and Politics. This is an introductory lesson aiming to define politics and introduce basic concepts related...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/53854/start-here-students" 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/general/pexels-ketut-subiyanto-4560083.jpg"
            alt="Start here: Students"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Start here: Students
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Before you start using the website, please familiarise yourself with the pages below.  When you first start to study in the Diploma Programme, Theory of Knowledge might be a little mysterious to you....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/51527/knowledge-and-religion" 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/religion-2456138_1280.jpg"
            alt="Knowledge and religion"
        >
    </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 religion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Knowledge and religion: scope What sort of thing is religious knowledge? How does it differ from other kinds of knowledge? Does religious knowledge fit with any of our metaphors for knowledge? What is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/51654/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/rics-pics/kn-and-politics-pics/katrin-jacobsdottir.png"
            alt="Knowledge and politics"
        >
    </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 politics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Knowledge and Politics: Scope  How are politics and knowledge related? Knowledge is deeply political. If access to knowledge is a good thing - and most people agree that it is - then who should have this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/tok/page/48977/optional-themes" 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/kn-and-lang-pics/deep-water-rosie-kerr-5us3tktwhoi-unsplash.jpg"
            alt="Optional Themes"
        >
    </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">
                        Optional Themes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There are five optional themes, of which you can choose 2 to study in depth: Knowledge and languageThis theme reflects on the role of language in the production and acquisition of knowledge. Language...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="remove" target="load-more"></turbo-stream>
