<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/46365/goblin-mode" 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/englishb/images/joe/goblin-illustration-from-19th-century-e1b184.png"
            alt="Goblin mode"
        >
    </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">
                        Goblin mode
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Oxford Languages Oxford Word of the Year for 2022 was 'goblin mode' - defined as  “a type of behaviour which is unapologetically self-indulgent, lazy, slovenly, or greedy, typically in a way that rejects...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/7021/short-people" 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/englishb/images/joe/short-people.jpg"
            alt="Short People"
        >
    </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">
                        Short People
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Unfortunately, prejudice and bigotry are a major part of social organisation. In every society, some people choose to discriminate against those they see as "different" or "wrong". This behaviour divides...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/59438/billie-eilish-ghosted" 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/englishb/images/ghost-1089x720.jpg"
            alt="Billie Eilish: Ghosted"
        >
    </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">
                        Billie Eilish: Ghosted
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 'Ghosting' is a relatively new word in the English language. Hear about its meaning and read what Billie Eilish has to say about this social (or anti-social) behaviour. Accprding to Chart Masters, Billie...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61455/44-education" 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/englishb/images/joe/themes/social-organisation/education.jpg"
            alt="4.4 Education"
        >
    </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">
                        4.4 Education
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How does access to education influence opportunities and social development? Click on the links below to explore this topic.  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61454/43-social-engagement" 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/englishb/images/joe/themes/social-organisation/social-engagement.jpg"
            alt="4.3 Social Engagement"
        >
    </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">
                        4.3 Social Engagement
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How do individuals and groups participate in shaping the societies they live in, and what does responsible citizenship look like? Click on the links below to explore this topic.  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61453/42-community" 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/englishb/images/joe/themes/social-organisation/community.jpg"
            alt="4.2 Community"
        >
    </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">
                        4.2 Community
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What defines a community, and how do shared values, symbols, or histories bring people together or drive them apart? Click on the links below to explore this topic.  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/9405/the-xenophobe" 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/englishb/images/susan/mirror-reflection.jpeg"
            alt="The Xenophobe"
        >
    </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">
                        The Xenophobe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Identity as what you're NOT ... Arguably, one of the main causes of hatred is that by rejecting the Other (whatever or whoever it may be), we reinforce our sense of who WE are. Unfortunately, the bizarre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/7242/a-packet-of-tea" 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/englishb/images/susan/tea.jpg"
            alt="A packet of TEA"
        >
    </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 packet of TEA
                                                <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"> Identities of social groups and cultures are often observed in their daily beverages. Tea is commonly seen as a popular daily ritual of the British. This page contains an analysis of a packet of tea to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/53142/tea-history" 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/englishb/images/susan/tea-painting.jpg"
            alt="Tea history"
        >
    </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">
                        Tea history
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is based on an extract from A History of the World in 100 Objects by Neil MacGregor, Director of the British Museum from 2002 to 2015. As the title suggests, MacGregor drew on the vast collection...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/52686/how-the-british-took-over-india" 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/englishb/images/Indian-English-icon.jpg"
            alt="How the British Took Over India"
        >
    </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">
                        How the British Took Over India
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The proliferation of the English language - a not entirely insignificant aspect of this site - began with the British Empire taking control of various territories around the world. It would, therefore,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 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="/englishb/latest-updates?page=16" 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>
