<turbo-stream action="append" target="newsletter-items">
    <template>
            
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'April 2020', '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 2020</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Greeting dear teachers all around the world,I write to you from my home in a small village in Italy where we have been in quarantine for the last month. My upcoming workshops...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'December 2019', '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 2019</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/visualarts/images/personal photos/img_3971(1).jpeg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Greetings to you all over the world! As 2019 draws to a close, I want to take this opportunity to tell you about some of the new features on the website, upcoming events,...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2017', '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 2017</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/visualarts/images/art history/contemporary-art-history/look-before-learp--kentridge--copy.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Another school year has begun in the northern hemisphere, and I hope you are all off to an enthusiastic start!We are just getting used to the “new” visual 
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'November 2016', '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 2016</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/visualarts/images/personal photos/hmcr-pumkin(1).jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>I hope this find you all well and enjoying the autumn season. I have various bits of visual arts news that you might find interesting:IB Art Textbook- Cambridge </p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'March 2016', '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 2016</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/visualarts/images/comparing and contrasting/botticelli-reimagined.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>IB Art Newsletter, March 2016It is great to be able to meet some of you in face to face workshops around the world, this spring I have had the pleasure of seeing old friends...</p
            </span>
        </div>
    </a>

    </template>
</turbo-stream>

    <turbo-stream action="remove" target="load-more"></turbo-stream>
