<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/10411/historical-background" 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/Pearl%20Map%203.jpg"
            alt="Historical background"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Girl with a Pearl Earring does not demand detailed historical knowledge – Chevalier has constructed the narration so that we can understand the human relationships involved in their own terms. We know...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/10382/first-person-narration" 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/Pearl%20eyes.jpg"
            alt="First person narration"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Literature
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        First person narration
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There can be few students who don't know what the term 'first person narration' means, and recognise it in action the first time the pronoun 'I' appears. However, what does first person narration actually...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10286/the-bank-the-gym" 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://assets.inthinking.net/subject-generic-images/12/04.jpg"
            alt="The Bank &amp; the Gym"
        >
    </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">
                        The Bank & the Gym
                                                <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 Bank/Gym polarity has surfaced again among my mental currents.   Metaphors and analogies function as identifiers for ideas which float around the mind, like tags on the fins of dolphins or rings on...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10237/e-marking-crux" 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://assets.inthinking.net/subject-generic-images/12/01.jpg"
            alt="E-marking crux"
        >
    </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">
                        E-marking crux
                                                <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"> Productivity has been down on this website for the last few weeks – I have been swamped by the demands of helping to introduce e-marking for the May 2011 English B papers. The experience has been, shall...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10045/los-indignados" 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://assets.inthinking.net/subject-generic-images/12/02.jpg"
            alt="Los indignados"
        >
    </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">
                        Los indignados
                                                <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"> Plaza Catalunya, in the very centre of Barcelona. The site of the May 15 / Spanishrevolution encampment, occupying the square to demonstrate their protest against the social consequences of the financial...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 May 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10000/on-mastery-2" 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/Fabra%20blog%202.JPG"
            alt="On mastery 2"
        >
    </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">
                        On mastery 2
                                                <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"> Some footnotes to On Mastery (q.v.) ... About six weeks after the inauguration, when Carlos Fabra had invited the citizens of Castellón to enjoy the delights of the new Castellón airport, they were legally...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 May 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/9891/moderating-orals" 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://assets.inthinking.net/subject-generic-images/12/03.jpg"
            alt="Moderating orals"
        >
    </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">
                        Moderating orals
                                                <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"> Moderating orals is a bit of a weird business …   Here I sit in my top-floor studio, laptop and speakers in front of me and the piles of DHL packages arranged around the desk, having (as I tweeted the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 May 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/9816/booksnroses-revisited" 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://assets.inthinking.net/subject-generic-images/12/04.jpg"
            alt="Books&amp;#39;n&amp;#39;roses revisited"
        >
    </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">
                        Books&#39;n&#39;roses revisited
                                                <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"> After posting my comments on Sant Jordi, I thought to check on a few details that I decided not to include. This led me to a Wikpedia article, which informed me that some of my ideas were not quite accurate....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 April 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/9799/booksnroses" 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/Sant%20Jordi.JPG"
            alt="Books&amp;#39;n&amp;#39;roses"
        >
    </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">
                        Books&#39;n&#39;roses
                                                <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">      Yesterday, the 23rd of April, was the day of Sant Jordi. Which is a very big day indeed in Catalonia, centred around a tradition that I find enchanting - that you should give a rose and a book to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 April 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/9742/top-up-and-trickle-down" 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/Trickle.JPG"
            alt="Top-up and Trickle-down"
        >
    </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">
                        Top-up and Trickle-down
                                                <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"> Esperanza Aguirre, the flamboyant right-wing president of the Community of Madrid, has announced an educational initiative: the Bachillerato de Excelencia. This 'elite baccalaureate' will be aimed at...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2011
                        </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=88" 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>
