<turbo-stream action="append" target="section-items">
    <template>
            <a href="/physics/blog/20788/brownian-motion" 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/brownies.gif"
            alt="Brownian motion"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20772/proud-teacher" 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/nikita.png"
            alt="Proud teacher"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I am proud to announce that one of my students, Nikita, has just won the Norwegian Physics Olympiad. For those who can read Norwegian here is an article from our local paper. Firda...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 April 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20695/i-submit" 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/ibis.png"
            alt="I submit"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I've done it.I've submitted my sample to Ibis which to any non IB people reading this, is not as dodgy as it sounds. It was all very easy but you have to be prepared. Here are some tips / observations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20688/one-of-those-meme-things" 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/g5cd9kx.jpg"
            alt="One of those meme things"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Some people never give up....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20652/the-hat-of-my-dreams" 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/dreamhat.jpg"
            alt="The hat of my dreams"
        >
    </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 hat of my dreams
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> If you collect British postage stamps then you probably dream about owning a penny black. If you are a collector of hats then it's the Mexican sombrero. As they sing in that famous folk song "Me gustaría...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20648/no-change-is-conservation" 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/iomegafail.png"
            alt="No change is conservation"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Some of my first year students were experimenting with the conservation of angular momentum and thought of pulling a mass off a rotating platform as it was spinning. I must admit that I was expecting...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20640/ring-of-charge" 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/ringfield.png"
            alt="Ring of charge"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Paul Tonkinson's physics students have made an interesting observation. If you make a sphere of charge using the PhET charges and field simulation you find the field inside isn't zero. I tried it myself...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20635/fine-man-diagram" 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/fine-man.jpg"
            alt="Fine man diagram"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is the sort of nonsense I have to put up with from my students. I don't think he looks particularly fine. Looks a bit grumpy to me. Maybe its because he's imprisoned behind those bars....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20626/difficult-diagrams" 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/radiointerferometer.gif"
            alt="Difficult diagrams"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It's always difficult to explain something without a diagram and sometimes it's difficult even with one, the radio interferometer telescope is a case in point so I thought I'd make a GeoGebra simulation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/20609/dragon-drop" 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/dragondrop.gif"
            alt="Dragon drop"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I've been playing with the drag and drop possibilities with GeoGebra. Thought it might be useful for practicing rearranging equations. Try making ρ the subject (on the left)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 March 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=45" 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>
