<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/60054/holst-the-second-suite" 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/holst.png"
            alt="Holst - The Second Suite"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Born in England in 1874, Holst first earned his living as a trombonist. At the beginning of the 1900's he turned his attention to composing and teaching. He held teaching positions at the Royal College...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/59805/technological-advancement" 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/tongxiang.jpg"
            alt="Technological Advancement"
        >
    </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">
                        Technological Advancement
                                                <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"> During a recent visit to China, I was struck by the remarkable pace of technological advancement. This includes developments such as high-speed rail networks and enhanced infrastructure, as well as the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42672/general-requirements" 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/all-components.jpg"
            alt="General Requirements"
        >
    </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">
                        General Requirements
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers teachers and students a simplified overview of the course. The standard level (SL) students and higher level (HL) students both complete the same three components: Exploring Music in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 January 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/59183/understanding-requirements" 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/contemporary-musician.jpg"
            alt="Understanding Requirements"
        >
    </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">
                        Understanding Requirements
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page unpacks the submission of a complete CMM from the May 2024 assessment period by asking students to complete a series of questions that focus on all the necessary requirements. Although this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42665/updates" 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/updates-to-travel.jpg"
            alt="Updates"
        >
    </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">
                        Updates
                                                <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 pages provides you with updates from the IB. You should be viewing this information in conjunction with the materials that are produced and distributed on the site MyIB. In order to gain access to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 December 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/59105/developing-your-script" 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/script.jpg"
            alt="Developing Your Script"
        >
    </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">
                        Developing Your Script
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Music Guide outlines the essential components to be included in the CMM project script. This page serves to detail these requirements comprehensively, ensuring that no piece of critical information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 December 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/58979/music-software-for-schools" 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/mtech-for-blog.jpg"
            alt="Music Software for Schools"
        >
    </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">
                        Music Software for Schools
                                                <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 have been reflecting on the amount of music technology software available and the potential difficulties one faces when selecting the right equipment. There are many factors that one needs to consider...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/54323/time-management" 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/edge-to-edge-media.png"
            alt="Time Management"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Many approach the assessment of the course as a destination. In the Music DP Course, however, it is important to consider the curriculum as being linked to assessment. They need to be perceived as connected...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/58964/continuing-development-of-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/music/images/music-review.jpg"
            alt="Continuing Development of Curriculum"
        >
    </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">
                        Continuing Development of Curriculum
                                                <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"> As we approach the three-year mark since the implementation of our syllabus, which has undergone six rounds of assessment from May 2022 to November 2024, we are preparing for the first comprehensive evaluation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58915/exploring-sample-grade-5-may-2022" 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/armed-man.jpg"
            alt="Exploring Sample (Grade 5, May 2022)"
        >
    </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">
                        Exploring Sample (Grade 5, May 2022)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is an example of a student who has submitted the Exploring Music in Context portfolio covering Areas of Inquiry I and III for the May 2022 assessment period. For the creating exercise, the student...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 November 2024
                        </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=43" 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>
