<turbo-stream action="append" target="section-items">
    <template>
            <a href="/physics/blog/15022/lions-cant-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/pigsready.JPG"
            alt="Lions can&#039;t 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">
                        Lions can't fly
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Just been down to the lab (or should I call it a sty) to set up the pigs for tomorrow. As you can see 3 are in flight and 2 ready to take off. They need quite a bit of height which has caused a slight...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 January 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/15017/new-years-poor-resolution" 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/lightdots.JPG"
            alt="New year&#039;s poor resolution"
        >
    </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 year's poor resolution
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I live in a house just next to the college so walk to work every morning. It's pretty dark at eight o'clock so had to pick my way carefully past the rocks and roots that line the steep path past the haunted...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 January 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/15010/perfect-marmalade" 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/marmalade.JPG"
            alt="Perfect marmalade"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There used to be a poster in the vinmonopol (Shop where you buy wine and spirits in Norway) that said "if you have made jam in the past 6 months then you don't need to show your proof of age", or something...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 January 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14983/pickup-lines" 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/audacitytimer.JPG"
            alt="Pickup lines"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I have a whole cupboard full of interfaces and sensors but realise that not everyone is so lucky, for that reason I am often on the look out for cheap alternatives. A couple of weeks ago I had the idea...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 January 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14978/gif-wrapping" 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/pendulum.gif"
            alt="Gif wrapping"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Animations are great to help with visualising physical concepts and I use them a lot in my teaching and web pages. On web pages I like to use gifs, this is because they run on the page without having...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14957/flight-of-the-bumble-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/images/blog/flyingpig.gif"
            alt="Flight of the bumble 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">
                        Flight of the bumble pig
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I've been looking for a flying pig ever since Mark Headlee sent me a copy of his worksheets for an experiment with a flying dinosaur. I see the pigs every time I walk past the Hamley's toy shop in Copenhagen...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 December 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14915/wordmark" 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/wormark.png"
            alt="WordMark"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> About a month or so ago I stopped using my old tablet for marking and moved over to using an ordinary PC for annotating word docs. I tried to use macros to make some customisations but failed miserably....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 December 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14904/painting-by-numbers" 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/notblue.png"
            alt="Painting by numbers"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A couple of days ago I wrote a blog about how it wasn't so dark in Norway as people think it is. We get a lot of scattered light even though the sun isn't visible. If the light is scattered it should...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 December 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14892/not-so-dark" 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/notdark.png"
            alt="Not so dark"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When I say I live in Norway people often react by saying that they couldn't live there because of the dark winters. Well its not dark all winter where I live, about 150km North of Bergen. At the moment...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 December 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/physics/blog/14883/benian-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/images/blog/benshower.gif"
            alt="Benian 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">
                        Benian motion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I just got back in from a walk with my dog Ben and decided it was time he had a shower. He doesn't like having a shower but now accepts it. When he has a shower I always take my socks off, this is so...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 December 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=71" 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>
