<turbo-stream action="append" target="newsletter-items">
    <template>
            
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-5899209"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'September 2025', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">September 2025</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://assets.inthinking.net/subject-generic-images/61/01.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear CP educators, I write this from my corner of the UK, where the constant cycle of rain, sunshine, and wind is even surprising the Brits. This can only mean one thing...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-5899055"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2025', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">August 2025</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://assets.inthinking.net/subject-generic-images/61/01.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Welcome to the first newsletter of the fully launched CP site! I hope you have had a wonderful holiday, if you have already started back at school, or continue to enjoy the...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-5898311"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'December 2024', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">December 2024</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://assets.inthinking.net/subject-generic-images/ibcp-04.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear CP educators,We are nearing the end of 2024 and the first time of CP1 and CP2. I have no doubt you must all be tired and looking forward to a rest!CP survey </p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2438604"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'October 2024', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">October 2024</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://assets.inthinking.net/subject-generic-images/ibcp-04.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear CP Educators, As you read this, you will be well into the new term and your new students settled into their new course. Thank you for the time you are clearly spending...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2438486"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2024', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">August 2024</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://assets.inthinking.net/subject-generic-images/ibcp-03.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Welcome back CP educators!I hope the start of the new term has not been too much of a shock to the system after the long holiday that many of us enjoyed. As you can see below,...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2438049"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'February 2024', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">February 2024</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Dear CP Colleagues, With the weather tentatively and hopefully moving towards Spring in the UK, it means we are over half way through the year for our CP1 students and nearing...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2437597"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2023', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">August 2023</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Hello everyone!We hope you have had a great break over the past few months and a warm welcome back to you all. As you will be preparing for the new school year, we wanted...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2436830"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2022', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">August 2022</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Hello everyone,Happy 10 years to the CP!Firstly, welcome back to the Career-related Programme Newsletter for www.think.net/ibcp as we celebrate the ten year anniversary of...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2436724"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'May 2022', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">May 2022</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Hello everyone,I hope you are well and have had a calm and uneventful exam season.I write to you right at the end of May, just at the time as our attention turns to our IB1...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2436664"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'April 2022', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">April 2022</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Hello everyone,I hope everyone is keeping safe and well. I also hope you managed to have a good break despite this being the busiest time of year for all sorts of IB and...</p>
            </span>
        </div>
    </a>

    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/ibcp/newsletters?page=3" 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>
