<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/blog/15137/solid-fluid" 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/SOLID.jpg"
            alt="solid fluid"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The new Language B Subject Guide was published in February 2011. The Handbook of Procedures 2013 contains changes to that Guide. A new version of the Written Assignment is apparently going to appear sometime...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 February 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/15027/boowords" 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/BOOwords.jpg"
            alt="Boo!Words"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   In the blog Magic Words, I discussed the way that the phrase 'right to decide' was being used in Catalan politics, and suggested that there are words and phrases which are automatically Good - while...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 January 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/14910/handbook-of-procedures-2013" 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/Handbook.jpg"
            alt="Handbook of Procedures 2013"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I have discovered that the Handbook of Procedures 2013 is available now on the OCC. This is important because it gives up-to-date, definitive instructions about important aspects of the assessment process...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 December 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/14891/opening-up-the-site" 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/Guest Page icon.jpg"
            alt="Opening up the site"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I am launching a new feature of this site: 'Guest Pages' - which means individual pages written by teachers who have something interesting to say about particular topics. The first page, by Phillip Moon...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 December 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/14757/moses-fallen" 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/Moses%2C fallen.JPG"
            alt="Moses, fallen"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   I can't resist showing the image above, which comes from the front page of today's El Periodico de Catalunya, probably the most skilled newspaper published in Barcelona. As you can see (just about -...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 November 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/14366/promised-land" 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 as Moses.JPG"
            alt="Promised Land"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Catalan 'independence' election is hotting up, and is becoming more and more centred on the figure of Artur Mas, president of the Generalitat, who called the election of November 25th in order to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 November 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/14035/p2-project-reviewed" 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/P2 Project reviewed.jpg"
            alt="P2 Project, reviewed"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You may have noticed, under 'What's New?' above, the page Paper 2 Project. This is the headline page for the biggest single upload that I've done so far - 9 full pages, amounting to some 13,250 words,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/13918/magic-words" 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/Magic words.jpg"
            alt="Magic Words"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Some of you, reading this around the world, will have seen news reports of a massive demonstration in Barcelona, in favour of independence for Catalonia. This is significant news because it could point...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/13845/duende" 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/Duende.jpg"
            alt="Duende"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To Bilbao to see the Hockney exhibition at the Guggenheim. Driving there, we stopped for the night in Torla, a beautiful little town at the very end of a Pyrenees valley, surrounded by vast peaks of rock...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 September 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/13798/re-building-the-site" 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/PageDevp4.JPG"
            alt="Re-building the site"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The summer is ending, temperatures are dropping back to the comfortable, and it's time for re-building the site. Websites are not like books in that they are never completed. This has the disadvantage...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2012
                        </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=10" 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>
