<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/blog/9288/black-swan" 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/Black%20Swan.JPG"
            alt="Black Swan"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Black Swan
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I went to see Black Swan last night and came back horrified. How could the director, Darren Aronofsky, have ... Hang on. If you haven't seen the film and plan do do so, you'd better stop here, and come...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/9082/on-irony-lies" 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="On irony &amp; lies"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        On irony & lies
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Act 1 - An academician, Francisco Rico, writes an article in El Pais, criticising aspects of new anti-smoking legislation. He ends the piece "And I have smoked just one cigarette in my whole life". Immediate...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 February 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/8979/fashion-notes" 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/Fashion%20Notes.JPG"
            alt="Fashion Notes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Fashion Notes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Observed in the carpark of Barcelona's mainline station, Estació de Sants ...  I particularly liked the semi-shorn dreadlocks: made her look like a radicalised sea-urchin. I recognised the Sita Murt jacket...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 February 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/8951/the-3d-tag-cloud" 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/Tag%20cloud%20basic.JPG"
            alt="The 3D Tag Cloud"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The 3D Tag Cloud
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Presentation on screen can be merely decorative, or it can reveal and/or manipulate the nature of the ideas presented. Thinking along these lines, how could 3D presentation help to communicate meaning...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 February 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/8696/tag-cloud-chat" 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/Tag%20cloud%20chat.JPG"
            alt="Tag cloud chat"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Tag cloud chat
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Social networks are the crest of the internet wave at the moment. They're even being credited with revolutions - literal ones like Tunisia, not just metaphorical. Personally, I've never really felt the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 February 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/8547/on-fizz" 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="On FIZZ"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        On FIZZ
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Getting the English B website launched last week was one of those Big Moments that turn out to be ... er ... rather small. The world, of course, did not actually stop turning, and there was not a stunned...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 January 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/8069/image-language" 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/Mas.JPG"
            alt="Image &amp; language"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Image & language
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We've just had local government elections here in Catalonia. The campaign itself is restricted by law to a two-week period, but even before then we were being subjected to a deluge of political propaganda...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/7798/castellers-in-the-air" 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/Castellers.JPG"
            alt="Castellers in the air"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Castellers in the air
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> UNESCO has just announced that the catalan tradition of castellers has been added to the Representative List of the Intangible Cultural Heritage (check out the UNESCO announcement here).  If you've never...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/7574/graffitti" 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/Violent women.JPG"
            alt="Graffitti"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   I live in Sitges, a charming, elegant resort near Barcelona, but for administrative purposes due to a kink in local government frontiers, I am registered in St Pere de Ribes, the town next door. St...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/7139/on-knacks-and-tranquillos" 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/knack.jpg"
            alt="On knacks and tranquillos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        On knacks and tranquillos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On the beach ... just enough breeze to take the oven out of the heat ... there's three boys playing with a surf board (or is it 'bodyboard' - broad and sort of ovoid?). They sling the board across the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2010
                        </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/blog?page=14" 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>
