<turbo-stream action="append" target="section-items">
    <template>
            <a href="/physics/blog/43577/northern-lights" 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/275492813_5554548457906454_5359519934015880971_n.jpg"
            alt="Northern lights"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There was a pretty good diaplay of the northern lights last friday as shown in this photo by our principal. I thought I would make a video explaining the phenomenum to students who don't take physics....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 March 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43517/physics-teacher-memes" 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/screenshot-2022-03-04-at-23.07.46.png"
            alt="Physics teacher memes"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There must be a lot more possibilities along these lines....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43410/pool-ball-analysis" 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/screenshot-2022-02-22-at-07.27.54.png"
            alt="Pool ball analysis"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of my students is doing his IA on the relationship between the perpendicular distance between the direction of a pool ball and the centre of a ball that it hits and the angle between the original...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 February 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43368/cohere-rant" 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/screenshot-2022-02-13-at-11.55.17.png"
            alt="Cohere - rant"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It was just a passing thought but it turned into a big discussion on Facebook. We all know that two lamps won't interfere with each other, the reason is that they are not coherent. Each lamp is made of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 February 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43226/newtons-pigs" 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/unnamed.jpg"
            alt="Newton&amp;#039;s pigs"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of my student's sent me a question about the classic pig in an elevator problem. "Hi Chris, how can it be that the normal force is calculated these two different ways when the elevator is accelerating...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 February 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43166/explanations-reflections" 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/screenshot-2022-01-31-at-17.53.40(1).png"
            alt="Explanations: Reflections"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 January 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43130/spin-demo" 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/img_2133.jpg"
            alt="Spin demo"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 January 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/43106/explanations" 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/img_2131.jpg"
            alt="Explanations"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Today I asked my class, of which Adriana from Romania was a member, to explain why the temperature of an insulated cylinder of gas will increase when the volume is reduced. The rather fragmented explanations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 January 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/42888/student-access-a-different-approach" 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/screenshot-2022-01-06-at-06.34.08.png"
            alt="Student access a different approach"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Last year we wrote the study guide which is basically an online textbook with hundreds of animations. Since then I have been making it even more interactive by adding hundreds of multiple choice questions...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2022
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/42858/a-river-runs-through-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/img_2127.jpeg"
            alt="A river runs through 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">
                        A river runs through it
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It was a white Christmas but a wet new year so the stream that runs under our house is in full flow. I posted this photo on facebook and within seconds one of my former students, Erik Torstensson, commented...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 January 2022
                        </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=15" 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>
