<turbo-stream action="append" target="newsletter-items">
    <template>
            
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2436592"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'March 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">March 2022</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Hello everyone,I hope that this newsletter finds you safe and well. We are undoubtedly distracted and distressed by world events right now. It can be hard to navigate conversations...</p>
            </span>
        </div>
    </a>
    
    <a href="https://mailchi.mp/inthinking/inthinking-cp-newsletter-2436532"
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'February 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">February 2022</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <p>Hello everyone, Welcome to 2022's first Career-related Programme Newsletter. With such nice feedback and subscriptions building across the world, I thought it's time to share...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'December 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">December 2020</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://www.e.thinkib.net/cache/newsletter-thumbs/2020/61/32168-1607435057-thinkib.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Hello everyone,Welcome to the first CP newsletter! A huge thank you to everyone who has subscribed this year. It has been great hearing feedback - keep it coming! It's p
            </span>
        </div>
    </a>

    </template>
</turbo-stream>

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