<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/blog/53795/official-launch-date-valentines-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/valentine-s-day.jpg"
            alt="Official Launch Date - Valentine&amp;#039;s 2024"
        >
    </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">
                        Official Launch Date - Valentine&#039;s 2024
                                                <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 with absolute great pleasure that Mr Jim Yarnell and myself launch the IB Diploma Programme InThinking page for MUSIC. This has been around two and a half years in the making and we are so thankful...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52999/creating-a-movie-trailer" 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/film-reel.png"
            alt="Creating a Movie Trailer"
        >
    </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">
                        Creating a Movie Trailer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This has proven to be a very popular activity, especially for the music tech student. It would be recommended to cover the "leitmotif" lesson before beginning this unit. Click HERE to be re-directed to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53002/childrens-audio-storybook" 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/caterpillar.png"
            alt="Children&#039;s Audio Storybook"
        >
    </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">
                        Children's Audio Storybook
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This exercise is intended to develop an understanding of the audio recording side of music sequencing software. Further, students are to develop an understanding of developing a motif within a storyline....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52998/childrens-narrative-project" 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/story.png"
            alt="Children&#039;s Narrative Project"
        >
    </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">
                        Children's Narrative Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The project could be an interesting prelude to building skills for various collaborative projects, including the CMM. It focuses on the collaboration between high school and elementary school students....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53000/the-leitmotif-and-film" 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/character.png"
            alt="The Leitmotif and Film"
        >
    </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">
                        The Leitmotif and Film
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This could be a good starting point for anyone interested in exploring film music, Students begin to investigate the idea of a leitmotif and how it can be developed throughout a story.   1. What is a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53003/the-dorian-mode" 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/dorian.jpg"
            alt="The Dorian Mode"
        >
    </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">
                        The Dorian Mode
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This lesson could be a good start for students who are not so familiar with music technology. Likewise, this could be a useful tool for the "music techie" who might not be all too familiar with the Western...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53032/quantizing" 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/quantize.png"
            alt="Quantizing"
        >
    </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">
                        Quantizing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quite often while developing a piece of music, one finds that the beats are not lining up correctly. This is especially true with live recorded tracks. Quantizing allows one to "fix" the beats so that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53365/saturation" 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/saturation.png"
            alt="Saturation"
        >
    </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">
                        Saturation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Saturation is a subtle form of distortion used to add character and depth to audio tracks. It originated from analogue recordings when sound engineers discovered that when pushed too hard, audio tracks...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53363/reverb" 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/reverb.png"
            alt="Reverb"
        >
    </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">
                        Reverb
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> According to Music Gateways,  "Reverb is the persistence of sound after a sound is produced. Reverb is created when a sound or signal is reflected off of a surface causing numerous reflections to build...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47585/compression" 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/compressor.png"
            alt="Compression"
        >
    </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">
                        Compression
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Image source:Peter Palmer via Unsplash The compression function is another "go-to" plug-in tool that should be a fundamental part of a student's music production work. It can make an amateur-sounding...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 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=50" 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>
