<turbo-stream action="append" target="section-items">
    <template>
            <a href="/physics/blog/19180/200th-gif" 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/MC%20tests/rectimc2.gif"
            alt="200th gif"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I've just published my 200th animated gif and here it is. These are made using Camtasia and are very useful for showing anything with movement, which is almost everything in physics. This one is used...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 June 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/19169/update-plus-a-bit-of-norwegian-culture" 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/kinaspelet.png"
            alt="Update (plus a bit of Norwegian culture)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Update (plus a bit of Norwegian culture)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/19106/watching-them-watching-us" 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/spacebook.gif"
            alt="Watching them watching us"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I was looking for an animation to illustrate the satellites around the earth and I found this real time satellite tracker, spacebook. You can filter for different types of satellite and the countries...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 June 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/18967/databooklet-elaborated" 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/freespace.png"
            alt="Databooklet elaborated"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Every other year, staff at UWCRCN put on a show for the students. I usually do something strange. Here is this years contribution. Hope it helps with some of those equations in the exam on Friday :-)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/19038/philips-theory" 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/mexicanandhat.png"
            alt="Philip&amp;#039;s theory"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Yes, it's the Mexican and his hat. I wonder how many IB physics students have puzzled over this picture in the past. Unfortunately he's not in the new edition. Decided to go a little lighter on the humour....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/19009/single-slit-distraction" 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/distraction.png"
            alt="Single slit distraction"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This one took some doing. The line graph is simply plotted from the equation for single slit diffraction.  If you run the animation you can see where that equation comes from, It's the square of the resultant...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/18995/that-space-station-question" 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/paper32015.JPG"
            alt="That space station question"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> My HL students thought that paper 3 was good but were concerned about one part of the relativity question and I have to admit it is confusing. It's the bit about two lights seen to flash simultaneously...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/18993/soap-opera" 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/geofilm.png"
            alt="Soap opera"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/18988/start-time" 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/starttime.JPG"
            alt="Start time?"
        >
    </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 time?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/18963/big-brother" 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/classroom.png"
            alt="Big Brother"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2015
                        </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=51" 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>
