<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/31715/2-the-chinese-tribute-system-and-western-trade-missions" 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/history/qianlong_horse.jpg"
            alt="2. The Chinese tribute system and western trade missions"
        >
    </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">
                        2. The Chinese tribute system and western trade missions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The 'tributary system' operated by the Qing dynasty assumed that China was culturally and materially superior to all other nations. Thus any nations which wished to trade with China had to come as vassals...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31381/case-study-the-thirty-years-war" 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/history/hans_ulrich_franck_ein_reiter_von_zwei_soldaten_mit_aexten_attackiert_radierung_1643_teaser.jpg"
            alt="Case study: The Thirty Years&#039; War"
        >
    </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">
                        Case study: The Thirty Years' War
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Thirty Years' War was one of the longest armed conflicts in the Early modern period and one of the most devastating - though it can also be viewed as a series of wars fought by many different nations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31701/5-the-thirty-years-war-extra-resources" 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/history/wordcloud.jpg"
            alt="5. The Thirty Years&#039; War: Extra resources"
        >
    </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">
                        5. The Thirty Years' War: Extra resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here you can find useful websites for this unit along with historians' texts that students might find enjoyable to develop their understanding further.     These books are useful for extra reading and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31443/3-the-thirty-years-war-effects" 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/history/600px-westfaelischer_friede_in_muenster_(gerard_terborch_1648).jpg"
            alt="3. The Thirty Years&#039; War: Effects"
        >
    </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. The Thirty Years' War: Effects
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The negotiations which concluded with the Treaty of Westphalia in 1648 marked  the first time in European history that countries came together (at a congress) to resolve a number of different disputes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/31571/9-november-fall-of-the-berlin-wall" 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/history/main_900.jpg"
            alt="9 November: Fall of the Berlin Wall"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        9 November: Fall of the Berlin Wall
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 9 November is the 30th anniversary of the fall of the Berlin Wall - one of the iconic events of the late 20th Century through its dramatic nature and its symbolism, signifying the collapse of communist...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31388/2-the-thirty-years-war-practices" 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/history/30-years-war-practices.jpeg"
            alt="2. The Thirty Years&#039; War: Practices"
        >
    </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">
                        2. The Thirty Years' War: Practices
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Thirty Years' War saw Europe experiencing 'total war' for the first time; armies grew rapidly and had to be financed in new ways while populations suffered from the ravages of war on a much larger...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/31414/october-site-update-an-anniversary-and-fake-news" 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/history/leipzig.jpg"
            alt="October: site update, an anniversary and fake news"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        October: site update, an anniversary and fake news
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We are pleased to announce that two new units have been started on the site. For Paper 3, Asia and Oceania region, we are now adding Topic 07; Challenges to traditional East Asian societies (1700 - 1868)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 October 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31384/1-the-thirty-years-war-causes" 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/history/prager-fenstersturz_2-06-c-1024x722.jpg"
            alt="1. The Thirty Years&#039; War: Causes"
        >
    </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">
                        1. The Thirty Years' War: Causes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Thirty Years’ War was the most destructive war in European history. It killed 5 million people, or 20% of the population of the German states. For comparison, the Soviet Union lost 12% of its population...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/31364/the-art-of-disinformation-october-2019" 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/history/elijah-o-donnell-t8t_yugcksm-unsplash.jpg"
            alt="The art of disinformation (October 2019)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The art of disinformation (October 2019)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page follows on from our page this summer on The Moon Landings and conspiracy theories; now we are digging a bit deeper in terms of the reasons for, and the tactics used to create fake news/disinformation/conspiracy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/31324/1-october-70th-anniversary-of-chinese-revolution" 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/history/1200px-the_70th_anniversary_of_the_founding_of_the_people-s_republic_of_china_logo_.svg.png.webp"
            alt="1 October: 70th Anniversary of Chinese Revolution"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1 October: 70th Anniversary of Chinese Revolution
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1 October is the 70th Anniversary of the Chinese Revolution As we discussed in September's blog, this is a great opportunity for a discussion of the signficance of the Revolution - both with history and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2019
                        </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="/history/latest-updates?page=157" 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>
