<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/66818/example-2-indochina-refugee-crisis-1975-1990" 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/new-curriculum/paper-1/displacement/51241781-10266875-image-a-4_1638445252679.avif"
            alt="Example 2: Indochina refugee crisis (1975-1990)"
        >
    </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">
                        Example 2: Indochina refugee crisis (1975-1990)
                                                <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 upheavals which followed the communist victories in 1975 in Vietnam, Cambodia and Laos caused more than three million people to flee these countries over the next two decades; and, eventually, some...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/66831/example-1-post-war-displacement-in-europe-19451960" 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/germantrekpolandberlin.jpg"
            alt="Example 1: Post-war displacement in Europe (1945–1960)"
        >
    </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">
                        Example 1: Post-war displacement in Europe (1945–1960)
                                                <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"> Between 1945 and 1960, Europe experienced one of the largest population displacements in modern history. The devastation caused by combat operations and Allied victory displaced millions, especially in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/62241/d-sources" 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/joao-silas-72563.jpg"
            alt="d. Sources"
        >
    </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">
                        d. Sources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> See below for resources that you can use for sources on this topic.  General Must-read books about the refugee experience that will broaden your understanding of displaced persons across the world ABOUT...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/62715/b-what-was-the-national-and-international-response-to-displaceme" 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/new-curriculum/paper-1/displacement/un7779104.jpg"
            alt="b. What was the national and international response to displacement?"
        >
    </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">
                        b. What was the national and international response to displacement?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Indo-Chinese Refugee Crisis lasted for decades. While individual States played their part in resettling thousands of these refugees it was not until 1979 that the international community came together...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/61290/example-2-revolution-in-tunisia-19892015" 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/tunisiarally.jpg"
            alt="Example 2: Revolution in Tunisia (1989–2015)"
        >
    </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">
                        Example 2: Revolution in Tunisia (1989–2015)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Tunisian Revolution (also known as the Jasmine Revolution) was a genuine popular revolution. It started without a leader, and was nonpolitical, nonideological, and nonreligious at the beginning. After...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/61789/a-what-caused-the-transition-to-take-place" 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/protestors-in-red-square.-may-day-march-1990-scaled.jpg"
            alt="a. What caused the transition to take place?"
        >
    </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">
                        a. What caused the transition to take place?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The collapse of the Soviet Union and Russia’s transition to a new political and economic order was the result of complex internal and external factors.  The 3 bullet points of content specified in the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/66849/example-2-the-russian-federation-1985-1999" 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/gorb-yeltsin.jpg"
            alt="Example 2: The Russian Federation (1985-1999)"
        >
    </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">
                        Example 2: The Russian Federation (1985-1999)
                                                <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 period between 1985 and 1999 was an era of critical transformation in Eastern Europe as the Soviet Union collapsed and was replaced by the Russian Federation.  This transition was driven by systemic...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/66840/example-1-the-meiji-restoration-1853-1894" 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/new-curriculum/paper-1/political-and-economic-transitions/meiji_emperor.jpg"
            alt="Example 1: The Meiji Restoration (1853 - 1894)"
        >
    </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">
                        Example 1: The Meiji Restoration (1853 - 1894)
                                                <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 Meiji Restoration, when the previous ruler of Japan -  the Tokugawa Shogunate - was overthrown and the Meiji Emperor restored, saw not only political changes but also dramatic economic developments....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/62447/d-the-meiji-restoration-sources" 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/joao-silas-72563.jpg"
            alt="d. The Meiji Restoration: Sources"
        >
    </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">
                        d. The Meiji Restoration: Sources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> See below for resources that you can use for extra information and for sources on this topic.  Works of historians Beasley, W. G., The Rise of Modern Japan, Widenfield and Nicholson, 1995 Beasley, W....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/66798/example-1-the-haitian-revolution-c1780-1811" 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/new-curriculum/paper-1/independence-and-identity/colonial_haiti_outline_map.gif"
            alt="Example 1: The Haitian revolution (c1780-1811)"
        >
    </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">
                        Example 1: The Haitian revolution (c1780-1811)
                                                <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 Haitian revolution is the only known slave uprising in history that led to the founding of a state which was both free from slavery and ruled by non-whites and former captives. This successful and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 February 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="/history/latest-updates?page=67" 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>
