<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/67092/cmm-sample-1-grade-6" 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/memories.jpg"
            alt="CMM - Sample 1 (Grade 6)"
        >
    </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">
                        CMM - Sample 1 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This student work should be viewed in conjunction with the Music Guide with particular reference to pages 64-70, which deals with the assessment of this component, only for higher-level students. Several...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/66736/lesson-1-tv-theme-music" 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/tv.jpg"
            alt="Lesson 1 - TV Theme Music"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This student activity provides a structured pathway for evaluating the accuracy of musical analysis through contextual research. The objective is to critically compare these findings against their initial...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/67112/as-a-creator-original-composition" 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/rap.jpg"
            alt="As a Creator - Original Composition"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        As a Creator - Original Composition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This resource represents Part I of a student's journey for the Presenting as a Creator submission. In this particular case, the creation focuses on an original rap piece. Collectively, both pages detail...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/67134/experimenting-samples-nov-2025" 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/luis-cortes-yrhmxi44p2c-unsplash.jpg"
            alt="Experimenting Samples - Nov 2025"
        >
    </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">
                        Experimenting Samples - Nov 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages, you will find a series of student samples from the Nov 2025 assessment period. This was the fourth year of assessment for the DP Music Subject Guide, adopted in 2020 with the first assessment...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/65711/experimenting-sample-5-grade-7-may-2025" 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/plunderphonics.png"
            alt="Experimenting - Sample 5 (Grade 7) May 2025"
        >
    </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">
                        Experimenting - Sample 5 (Grade 7) May 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> AoI 4 remains a popular choice for students in the creating part of this component. Rightfully so, as this offers students with little background in music tech to delve into this area. Here, the student...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/67130/curbing-hospital-noise" 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/intensive-care.jpg"
            alt="Curbing Hospital Noise"
        >
    </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">
                        Curbing Hospital Noise
                                                <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 beeping monitors, harsh lighting, and constant disruptions of my prolonged hospital stay vividly reminded me of a lesson I once taught. In it, students were challenged to conceptualise and compose...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/67080/cmm-samples-nov-2025" 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/theatre-workshop.jpg"
            alt="CMM Samples - Nov 2025"
        >
    </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">
                        CMM Samples - Nov 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages, you will find a series of student samples from the Nov 2025 assessment period. This was the third year of submissions (this component was first assessed in May 2023) and the sixth round...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/66848/ai-can-revolutionise-learning" 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/wiki-sinaloa-3vhwkqtj1dw-unsplash.jpg"
            alt="A.I. Can Revolutionise Learning"
        >
    </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">
                        A.I. Can Revolutionise Learning
                                                <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"> Music journalism has evolved from static reviews into interactive, AI-driven experiences. Features like The Washington Post's deconstruction of "Take On Me" allow readers to isolate tracks and explore...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 February 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/65621/tok-and-music-student-activities-ii" 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/construction-site-3.jpg"
            alt="TOK and Music - Student Activities II"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        TOK and Music - Student Activities II
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This unit investigates the construction of musical knowledge through the lens of Tuvan Khöömei. By examining the interplay between evidence, perspective, and context, students explore how cultural frameworks...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56300/the-extended-essay-ending-nov-2026" 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/academic.jpg"
            alt="The Extended Essay - ENDING Nov 2026"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Extended Essay - ENDING Nov 2026
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Extended Essay (EE) is a compulsory component for every Diploma-level student, as it forms part of the CORE, along with Creativity, Activity and Service (CAS) and Theory of Knowledge(TOK). In addition...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 January 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=29" 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>
