<turbo-stream action="append" target="newsletter-items">
    <template>
            
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2438237"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'May 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">May 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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/ess-2024/hl-economics/20240330152352-540x720.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>I recently visited Bern Natural History Museum to attend an exhibition about the Insect Armageddon. It was my husband's idea and I hadn't been keen due to the risk of my...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2438125"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'March 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">March 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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/pixabay-images/demonstration-5026397_1280-pixabay.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>We have now released all the textbook sections for the Foundation Topics and HL Lenses. For each subtopic, we have one or two new activities to showcase some of the new thinking....</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2438001"
        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">
                <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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/pixabay-images/tiger-2923186_1280-pixabay.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p> The new guide for ESS, first assessment in 2026, was released on Tuesday 6th February on the IB Programme Resource Centre. With that, we can start to share our new material...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2437825"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'December 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">December 2023</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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/random/first-snow-2023-202x270.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Season's Greetings from Switzerland. We had our first big low level snow fall last month and my bird feeding station has been very popular. It's good to be reminded about...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2437617"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'September 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">September 2023</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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/random/pi-on-terrace-august-2023-960x720.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear friends, colleagues, subscribers and followers,This summer in the Northern Hemisphere has been hot. In the photo, one of my (Zoe) cats, Pi, is enjoying the heat in Switzerland...</p>
            </span>
        </div>
    </a>
    
    <a href=" https://mailchi.mp/inthinking/ess-newsletter-2437473"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'July 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">July 2023</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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/topic-3/scotlandrewilding-960x720.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>    Hello everyone and greetings from my summer travels. Earlier this month I spent some time in Scotland talking and learning about rewilding there. The UK is one of the...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2437301"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'April 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">April 2023</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://teacher-sites-storage-thumbnails.inthinking.net/ib/ess/images/random/20230330082859-360x270.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>We are just two weeks away from the start of the IB exams and so many of us are looking for the best ways to prepare our students. Meanwhile my students were thinking about...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2436822"
        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">
                <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('/media/ib/ess/images/topic-7/sud-tyrol-forests-july22.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear Colleagues,I'm sure that like us, your holidays are ESS opportunities at every turn. This picture was taken in the Süd Tyrol region of Italy. We were enjoying cooler...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/ess-newsletter-2436424"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'November 2021', '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">November 2021</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://teacher-sites-storage.inthinking.net/ib/ess/images/authors/repair-cafe.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p> This last month I helped organise the local Repair Cafe and our students helped run the cafe, welcoming guests into the space, checking covid certificates etc. It was a...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2021', '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 2021</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://teacher-sites-storage.inthinking.net/ib/ess/images/random/baar-halestones-540x720.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>         Dear Colleagues,Laura and I are both based in Switzerland where this summer we were exposed to some "unseasonal" weather. In my area of Switzerland there were some...</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="/ess/newsletters?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>
