<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/53725/introducing-the-journal" 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/music/images/music-journal-1.jpg"
            alt="Introducing the Journal"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Introducing the Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These could be useful resources for introducing the music journal to your class. They are short, direct, and to the point. They are videos that you might wish to adopt when attempting to illustrate the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57976/presenting-sample-5-grade-5" 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/music/images/v.-image.png"
            alt="Presenting - Sample 5 (Grade 5)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Presenting - Sample 5 (Grade 5)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 5 minutes of Presenting as a Creator that encapsulates two pieces: an electronic piece inspired by hip-hop sampling techniques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70300/understanding-assessment" 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/music/images/grading-papers.jpg"
            alt="Understanding Assessment"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This chapter explores the principles and practices of assessment in the IBDP Music course. It offers practical activities and reflective prompts designed to help you understand assessment criteria, achievement...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/65694/presenting-sample-2-grade-7" 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/music/images/beyond-journey-s-end.jpg"
            alt="Presenting - Sample 2 (Grade 7)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Presenting - Sample 2 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This portfolio consists of two pieces for Presenting as a Creator, the first of which has, in part, been inspired by the Japanese anime series on Frieren (AOI3) and the other utilising a vocal synthesiser...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/64281/presenting-sample-1-grade-7" 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/music/images/mariachi-band.jpg"
            alt="Presenting - Sample 1 (Grade 7)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Presenting - Sample 1 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete student portfolio for Presenting Music. It consists of Presenting as a Creator that encapsulates a digitally produced piece in the style of jungle (sub-genre of EDM, AOI4)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47399/welcome" 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/music/images/picasso.jpg"
            alt="Welcome"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Welcome
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The course is not only intended to challenge the "high rollers", those students who want to continue a post-secondary education in music with the potential for a music career. Further, we hope you find...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/71189/importance-of-assessment-talk" 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/music/images/blog/student-report-writing.jpg"
            alt="Importance of Assessment Talk"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Importance of Assessment Talk
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How do we move students from being mere passive recipients of grades to becoming active, empowered participants in the assessment process? This question at the heart of a recent post by Tania Lattanzio,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/71095/the-spiritual-" 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/music/images/preacher.png"
            alt="The Spiritual "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching Strategies and Lesson Ideas
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Spiritual 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The spiritual was embedded in the religious ceremonies of the enslaved. It was particularly predominant in the 19th century, in the time leading up to and immediately after the American Civil War (1861-1865)....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70981/the-blues-" 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/music/images/enslaved-.jpeg"
            alt="The Blues "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching Strategies and Lesson Ideas
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Blues 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is perhaps no other form of folk music that identifies more with today's Western culture than the blues, from the late 19th through the 20th Century. Authentic folk music cannot be defined nor dictated...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56243/finding-your-way" 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/music/images/sam-poullain-tuazpj1uazs-unsplash.jpg"
            alt="Finding Your Way"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Finding Your Way
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Welcome to InThinking's DP Music site. We hope that you will find the materials helpful as you navigate the course. There is a wealth of resources for you to explore, including Pre-IB activities, information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </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="/music/latest-updates?page=7" 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>
