<turbo-stream action="append" target="section-items">
    <template>
            <a href="/physics/blog/20390/the-best-teacher-i-never-had" 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/feynman.png"
            alt="The best teacher I never had"
        >
    </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 best teacher I never had
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I'm with Bill on this one. Gates notes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20375/football-vs-physics" 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/footballvphysics.png"
            alt="Football vs physics"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The caption "football defies physics" caught my eye. Nothing can defy physics, if it does then the physics is wrong and it has to be re-written. Physics is just describing the real world and you can't...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20362/is-it-or-isnt-it" 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/boatfluid.png"
            alt="Is it or isn&amp;#039;t it?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Is it or isn&#039;t it?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I'm not even going to try to explain all the interesting physics in this clip but there are some great examples of balancing torques and fluid mechanics (above and below the water). Bernoulli might apply...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20354/chandelier" 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/chandelier.png"
            alt="Chandelier"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I've just been writing activities for the fluids part of the engineering option, there's quite a lot considering its just the additional HL stuff. One of my ex students Davide Kleiner, who is an engineer,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20342/start-with-the-misconception" 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/Veritasium_logo.jpg"
            alt="Start with the misconception"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It's a big problem that students often remember what they have learnt before rather than what we try to teach them. I recently had some swimming lessons, I'm not a very good swimmer so the instructor...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20319/year-of-the-pig" 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/DSC_0721.JPG"
            alt="Year of the pig"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Actually it's the year of the sheep but I don't have any flying sheep so every year is a pig year to me. (Next year is the year of the monkey but we have to wait until 2019 for an official year of the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20314/whats-that" 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/DSC_0716.JPG"
            alt="What&amp;#039;s that"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        What&#039;s that
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Maybe this photo needs some explanation. It's a magnet held up close to the diffraction pattern caused when electrons pass through a carbon film. You know, one of those Teltron tubes you're never allowed...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20290/angular-snowmentum" 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/saltoski.gif"
            alt="Angular snowmentum"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We've had almost no snow all winter then we got this lot in a couple of hours. It always causes great jollity amongst the students especially the ones who haven't seen snow before. Great jollity normally...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20262/new-headers" 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/wordle.png"
            alt="New headers"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Even though it's not spring yet (-15°C here in Norway) I have been doing some spring cleaning on the site and have reorganised the top navigation bar. Don't worry though everyhing under the headers is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 January 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20231/driven-up-the-wall" 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/verticalrobot.png"
            alt="Driven up the wall"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I spotted this on facebook and although I don't agree with all the comments like, "my missus has been driving me up the wall for years", it's an interesting application of a basic principle of physics....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 January 2016
                        </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=47" 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>
