<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/57932/presenting-sample-2-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/super-mario.png"
            alt="Presenting - Sample 2 (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 2 (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:30 minutes of Presenting as a Creator that includes two pieces which address AoI 4. The first is inspired by a Hans Zimmer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57909/presenting-sample-1-grade-4" 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/bus-stop.png"
            alt="Presenting - Sample 1 (Grade 4)"
        >
    </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 4)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that includes two pieces which address AoI 4. The first uses music technology to describe...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47574/using-the-criteria" 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/range.jpg"
            alt="Using the Criteria"
        >
    </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">
                        Using the Criteria
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The information relating to the assessment criteria discussed in the latter half of the Guide (from p.44) principally serves two functions: 1) to help prepare students to assemble relevant material in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57326/ee-sample-3-grade-b-may-2024" 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/warsaw.jpg"
            alt="EE - Sample 3 (Grade B, May 2024)"
        >
    </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">
                        EE - Sample 3 (Grade B, May 2024)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These student works are intended to provide some context for what is possible with the Extended Essay in music. In this particular example, the student has chosen two famous works by the Polish composer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57325/ee-sample-2-grade-b-may-2024" 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/beethoven-statue.jpg"
            alt="EE - Sample 2 (Grade B, May 2024)"
        >
    </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">
                        EE - Sample 2 (Grade B, May 2024)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These student works are intended to provide some context for what is possible with the Extended Essay in music. In this particular example, the student has selected works from three distinctive periods...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/61653/sparks-for-creativity" 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/adidas-1b.jpg"
            alt="Sparks for Creativity"
        >
    </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">
                        Sparks for Creativity
                                                <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 Hong Kong’s bustling shopping district, I encountered a striking example of innovative advertising. The global brand, Adidas, had transformed portions of the sidewalk into a captivating...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/61208/embracing-artificial-intelligence" 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/robot-lucas.jpg"
            alt="Embracing Artificial Intelligence"
        >
    </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">
                        Embracing Artificial Intelligence
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There has been much discussion about AI of late and so I thought to initiate a series of pages on Music Technology, it might be a good idea to start with a simple activity that leverages AI in music creation....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/61092/maintaining-connections" 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/university.jpg"
            alt="Maintaining Connections"
        >
    </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">
                        Maintaining Connections
                                                <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 recently received some poignant feedback from former students, prompting me to reflect on its significance for their development. Although these individuals have chosen not to pursue university studies...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/60628/music-technology-survey-summary" 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-tehnology-image.jpg"
            alt="Music Technology Survey Summary"
        >
    </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">
                        Music Technology Survey Summary
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In recent weeks, we conducted a survey to assess the use of music technology in DP music classes across schools globally. The insights gained from this survey will guide our decisions regarding the type...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/60418/teaching-dp-music-from-the-podium" 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/conducting-from-the-podium.jpg"
            alt="Teaching DP Music from the Podium"
        >
    </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">
                        Teaching DP Music from the Podium
                                                <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 considering whether an ensemble-based approach to music education, commonly implemented in many American schools, effectively equips students with the necessary competencies for developing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 February 2025
                        </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=42" 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>
