<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/72496/revised-course-first-assessment-2030" 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/shiny-and-new.jpg"
            alt="Revised Course - First Assessment 2030"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Essentials for Teachers
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Revised Course - First Assessment 2030
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The current curriculum will be replaced for first teaching in 2028/29 according to the latest Diploma Programme Updates document issued in September 2026 (available on MyIB). The precise details are sketchy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58233/experimenting-as-a-creator" 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/transformation.jpg"
            alt="Experimenting as a Creator"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/Revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Experimenting as a Creator
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The page is the result of an examination of the recent May 2024 Subject Report in which largely the same issues as previous reports (notably May 2023) are occurring with the Experimenting with Music component....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/66981/ideas-for-the-percussionist-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/vibra.jpg"
            alt="Ideas for the Percussionist II"
        >
    </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">
                        Ideas for the Percussionist II
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page furthers the ongoing discussion regarding the challenges faced by percussionists, particularly drummers, in the "Experimenting as a Performer" component. In this second instalment, the information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/64849/experimenting-sample-1-grade-4-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/ukulele.png"
            alt="Experimenting - Sample 1 (Grade 4) 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 1 (Grade 4) May 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is a creating sample using multiple AoIs. The student is experimenting with string quartets, folk music, and the ukulele. The overall marks for this experiment would likely fall in the 4 range....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52231/activity-3-performed-adaptation" 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/sensitive.jpg"
            alt="Activity 3 Performed Adaptation"
        >
    </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">
                        Activity 3 Performed Adaptation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is only a brief paragraph in the Music Guide (first assessment 2022, p.11) that addresses this issue, but nonetheless, with the great diversity that you need to include in your courses, this may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53494/exploring-music-in-context-teaching-strategy-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/listening.jpg"
            alt="Exploring Music in Context - Teaching Strategy II"
        >
    </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">
                        Exploring Music in Context - Teaching Strategy II
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is one of the four syllabus areas of the curriculum. Exploring Music in Context is concerned with one of the processes of studying and investigating music. It involves aural, kinaesthetic, and scholarly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70645/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/phoenix-rising.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 portfolio consists of two pieces for Presenting as a Creator, the first of which utilises electronic instrumentation and digital automation to replicate a futuristic atmosphere (AOI4), and the other,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/69186/exploring-the-activities" 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/tightrope-walking.jpg"
            alt="Exploring the Activities"
        >
    </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">
                        Exploring the Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The IBDP InThinking site believes that a range of student activities is what is necessary for you to succeed. Here, there is a plethora of student activities for you to attempt. Some of these may be rather...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52029/baby-steps" 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/starting-the-journey-2.jpg"
            alt="Baby Steps"
        >
    </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">
                        Baby Steps
                                                <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"> It is quite common for you to be confused as you start the study of the IB DP program. Feeling a bit anxious is normal and, believe it or not, a bit of this can be healthy. You will probably start the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/65080/highlighting-and-annotations" 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/highlights-for-students.jpg"
            alt="Highlighting and Annotations"
        >
    </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">
                        Highlighting and Annotations
                                                <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"> We would like to inform you that a new feature has been added to the site. The feature enables users to highlight sections and/or add notes to materials to any of the pages. This feature can be particularly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 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=4" 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>
