<turbo-stream action="append" target="section-items">
    <template>
            <a href="/mathstudies/blog/25772/new-curriculum" 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/mathstudies/files/syllabuscontent/newcurriculum-mapkey.gif"
            alt="New Curriculum"
        >
    </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 Curriculum
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is just a quick post to remind everyone that we are about 18 months away from the first teaching of the new courses. In school terms 18 months is a long time (there are two summer holidays in there)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 February 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/23476/re-organisation" 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/mathstudies/images/IA/IATitle.jpg"
            alt="Re-organisation"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is just a quick blog post to explain some reorganisation that is coming up for this section of the site so as to explain any gaps or unfinished looking parts. Currently under assessment you have...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/23656/first-draft-feedback" 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/mathstudies/images/IA/fdfeedback.jpg"
            alt="First Draft Feedback"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This post will eventually be a full page in the new structure of the IA section. For now I thought it might be interesting to share as a blog post. This year I have 17 students in my IB1 class and we...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/23453/venns-in-the-news" 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/mathstudies/images/blog/wiki-venn.jpg"
            alt="Venns in the news"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I love how often we see venn diagrams in a variety of different contexts. I think they are seen as particularly powerful visualisations and rightly so. Like most mathematics in the media though, I wonder...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 May 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/23433/this-years-projects" 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/mathstudies/images/blog/ir.jpg"
            alt="This year&amp;#039;s projects"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I thought I would write this post about the topics my students have chosen for their IAs this year. I am busy re writing the IA section of the website (Big job) which will include some new resources about...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 May 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/23405/project-planning" 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/mathstudies/images/blog/picture.jpg"
            alt="Project Planning"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Just a quick post! As one class gets through exams, the other is starting to think about projects. Here is a new image I made to help them brainstorm ideas! More to come soon in the IA section. I spent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/22937/studyibnet" 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/mathstudies/images/sib/sib.jpg"
            alt="StudyIB.net"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I am excited to be able to tell you about this new resource I have been developing for students. It came from a genuine desire to be able to give my own students a really useful support resource as they...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/22414/percentage-perception" 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/mathstudies/images/N%26A/PP.jpg"
            alt="Percentage perception"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Many of you will have seen the activity on  Percentage Perception and how it is used to explore data on our perception of how many people where we live are Muslim. It is a rich activity with a ton of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/21597/picture-this" 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/mathstudies/images/blog/picturethis1.jpg"
            alt="Picture this"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Just sharing what I did today with one of my Mathematical Studies classes as a warm up exercise for the new term. We played a few rounds of this 'picture this game' with a view to reflecting on how students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathstudies/blog/21359/ib-americas" 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/mathstudies/images/blog/img_6369.jpg"
            alt="IB Americas"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> So I was lucky enough to be taken to the IB Americas conference with the 'inthinking' team a couple of weeks ago. We went to man an exhibition stand aimed at spreading the gospel of the inThinking subject...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 July 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="/mathstudies/blog?page=3" 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>
