<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/58488/lesson-5-varese" 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/piecing-it-together.jpg"
            alt="Lesson 5 - Varèse"
        >
    </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 5 - Varèse
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is the fifth and final lesson in the series devoted to Varèse's Poème Électronique and it offers an activity to help students prepare for the creating exercise. It is important during this final...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58453/lesson-2-varese-and-bartok" 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/parthenon.jpg"
            alt="Lesson 2 - Varèse (and Bartók)"
        >
    </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 2 - Varèse (and Bartók)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a continuation of the lesson that began with the important explorations into electronic music in the 1950s in Europe. It introduced the Fibonacci series (and the Golden Section) and an early recording...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57857/cmm-sample-4-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/cmm-rock-show-thumbnail-.png"
            alt="CMM - Sample 4 (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">
                        CMM - Sample 4 (Grade 5)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is a CMM of a student who wanted to produce a rock show. The student demonstrates how to record, mix, and master a multitrack for the event. The initial goals include an understanding of how to arrange...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/64387/brazilian-popular-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/brazilian-beach.jpg"
            alt="Brazilian Popular 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">
                        Brazilian Popular Music
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Imagine that you have been tasked with exploring a unit on the Brazilian Popular Music and, as, one of the initial activities, you are asked to initially view a range of pieces and then attempt to ascertain...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/67450/cmm-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/owl.jpg"
            alt="CMM - 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">
                        CMM - Sample 2 (Grade 7)
                                    

                    </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">
                            04 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/69037/cmm-sample-3-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/cmm-student-samples/library.jpg"
            alt="CMM - Sample 3 (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">
                        CMM - Sample 3 (Grade 7)
                                    

                    </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 deal with the assessment of this component, only for higher-level students. Several...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/69012/redefining-critical-thinking" 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/blog.jpg"
            alt="Redefining Critical Thinking"
        >
    </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">
                        Redefining Critical Thinking
                                                <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"> In a recent read of an article by Kee-Man Chuah titled "What AI Will Not Fix in Education", I was reflecting on what this means for the IBDP Music Teacher and our students. As generative AI becomes increasingly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/68483/exploring-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/exploring-image-2.png"
            alt="Exploring 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">
                        Exploring 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 November 2025 assessment period. This was the second round of the third year of assessment for the DP Music Subject Guide, adopted in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/51956/as-a-creator-schumanns-carnaval-op9-i" 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/pierrot.jpg"
            alt="As a Creator - Schumann&#039;s Carnaval Op.9 I"
        >
    </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 - Schumann's Carnaval Op.9 I
                                                <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"> This page is the first in a series of lessons on Schumann's Carnaval, Op.9, and it is intended for the beginning months of the DP music course. These works are perfect for experimenting, as they provide...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/68439/the-four-colours-mapping-future-skills-in-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/automation.jpg"
            alt="The Four Colours: Mapping Future Skills in Music"
        >
    </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">
                        The Four Colours: Mapping Future Skills in Music
                                                <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"> I was recently alerted to a fascinating talk by the University of Melbourne's Professor Shanton Chang (delivered in 2024) on how AI is reshaping the workforce. His research revealed that by 2030, 20%...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 May 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=27" 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>
