<turbo-stream action="append" target="section-items">
    <template>
            <a href="/physics/blog/14369/pigs-can-fly" 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/physics/images/blog/flying pig.png"
            alt="Pigs can fly"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This morning I came across a post on facebook (thanks Prince) that linked to an article about 4 girls who had devised a method to turn urine into electrical energy. When presented with such information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 November 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14341/pa-relax" 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/physics/images/blog/sunsethome.jpg"
            alt="Pa relax"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I just popped out  to take the dog for a quick walk and noticed a couple of people taking a photograph on the road outside our house. They were photographing the sun setting on the mountain on the other...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 November 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14331/sea-spray" 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/physics/images/seaaspray.jpg"
            alt="Sea spray"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On my way home from Berlin I was sitting on the fast boat travelling North from Bergen watching the spray fly past the window. Tired after the workshop and travel, I wasn't quite thinking straight and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 November 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14251/prius-motor" 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/physics/images/blog/prius.gif"
            alt="Prius motor"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I have just arrived to lead a workshop in Berlin. The journey from Flekke was long and involved many stages. the last stage was a taxi from the airport to the hotel (I'm not good with undergrounds and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 November 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14222/two-mexicans" 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/physics/images/blog/twomexicans.gif"
            alt="Two Mexicans"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What's that? It's a Mexican spinning another Mexican around in a circle while standing on ice. I used something similar in class today (minus the hats), to demonstrate where the reaction to the centripetal...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14174/invisible-rods" 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/physics/images/blog/4stars.gif"
            alt="Invisible rods"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Every week there is something interesting to be found in  Guardian Weekly science pages. This week there was a short piece on a planet with 4 suns. To quote from the article "It orbits one pair of stars...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14151/some-problems-are-best-left-unsolved" 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/physics/images/blog/meandjoonas.png"
            alt="Some problems are best left unsolved"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Some problems are best left unsolved
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I always have my phone in my pocket so I can take photos, film something interesting or make a phone call. Today I didn't need to since one of my students, Mazen, filmed it for me. Well it's not that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14138/old-dogs-shouldnt-try-new-tricks-in-public" 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/physics/images/blog/rampbox.png"
            alt="Old dogs shouldn&#039;t try new tricks in public"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Old dogs shouldn't try new tricks in public
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I've been doing conservation of energy with my first year classes, all three of them. The first time round can be a bit chaotic as I get my thoughts in order, the second is about right but by the third...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14071/the-champions" 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/physics/images/blog/geneva.JPG"
            alt="The Champions"
        >
    </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 Champions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Last week I was leading a one day workshop in Geneva. As we were taking the minibus back to our hotel I spotted (and photographed) the famous fountain. I say famous but there were several others in the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 October 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14025/hothead-no-more" 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/physics/images/blog/hothead.JPG"
            alt="Hothead no more"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is where I work. Looking at the photo I have just noticed that my armrests are not at the same level, maybe that's the cause of my back ache. To shine a bit of light on the situation I have the lamps...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 October 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="/physics/blog?page=73" 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>
