
<turbo-stream action="append" target="subscriber-comments">
    <template>
                        <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                M
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Michael</p>
                                                    <span class="topic-heading-badge d-inline-flex align-items-center justify-content-center">
                                Site author
                            </span>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">29 Aug 2026</span>
                </div>
                <p class="mb-2">Hi Andrew. You can access the content in the submenu which can be seen on the left of the screen or pressing the “hamburger”menu icon on a movile device.&nbsp; </p>
                <a href="/computerscience/page/65894/programming-projects#comment-content-147487"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Programming Projects</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                A
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Andrew</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">28 Aug 2026</span>
                </div>
                <p class="mb-2">Great idea! Needs content :D </p>
                <a href="/computerscience/page/65894/programming-projects#comment-content-147450"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Programming Projects</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                M
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Michael</p>
                                                    <span class="topic-heading-badge d-inline-flex align-items-center justify-content-center">
                                Site author
                            </span>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">26 Aug 2026</span>
                </div>
                <p class="mb-2">Thank you Maru.&nbsp; </p>
                <a href="/computerscience/page/58617/a-111-cpu#comment-content-147307"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>A 1.1.1 CPU</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                M
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Maru</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">26 Aug 2026</span>
                </div>
                <p class="mb-2">Thank you for all the updates and also leaving here the previous version of the ppt which is better suited for my very entry level stduents in SL :-)&nbsp; </p>
                <a href="/computerscience/page/58617/a-111-cpu#comment-content-147300"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>A 1.1.1 CPU</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                J
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">jack</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">25 Aug 2026</span>
                </div>
                <p class="mb-2">Hi, Interested </p>
                <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open#comment-content-147256"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Help me test IB CS Learn - 100 beta spots open</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                D
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Divyeshkumar</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">24 Aug 2026</span>
                </div>
                <p class="mb-2">Hi, Interested </p>
                <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open#comment-content-147196"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Help me test IB CS Learn - 100 beta spots open</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                Z
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Zainab</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">20 Aug 2026</span>
                </div>
                <p class="mb-2">Hi Michael. I'm interested. </p>
                <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open#comment-content-147062"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Help me test IB CS Learn - 100 beta spots open</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                M
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Michael</p>
                                                    <span class="topic-heading-badge d-inline-flex align-items-center justify-content-center">
                                Site author
                            </span>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">20 Aug 2026</span>
                </div>
                <p class="mb-2">Hi, Just email me a list of school emails for all the students and teachers and I will send out some invites. Please send email to info@brookebit.com </p>
                <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open#comment-content-147053"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Help me test IB CS Learn - 100 beta spots open</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                M
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Michael</p>
                                                    <span class="topic-heading-badge d-inline-flex align-items-center justify-content-center">
                                Site author
                            </span>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">20 Aug 2026</span>
                </div>
                <p class="mb-2">Hi, Just email me a list of school emails for all the students and teachers and I will send out some invites. Please send email to info@brookebit.com </p>
                <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open#comment-content-147052"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Help me test IB CS Learn - 100 beta spots open</span>
                </a>
            </div>
        </div>
    </li>

                <li class="py-3">
        <div class="subscriber-comment-link">
            <span class="author-avatar d-inline-flex align-items-center justify-content-center rounded-circle overflow-hidden flex-shrink-0 fw-bold"
                  aria-hidden="true">
                                M
    
            </span>
            <div class="overflow-hidden">
                <div class="subscriber-comment-meta d-flex align-items-start justify-content-between gap-3 mb-2">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <p class="fw-bold mb-0">Michael</p>
                                                    <span class="topic-heading-badge d-inline-flex align-items-center justify-content-center">
                                Site author
                            </span>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">20 Aug 2026</span>
                </div>
                <p class="mb-2">Hi, Just email me a list of school emails for all the students and teachers and I will send out some invites. Please send email to info@brookebit.com </p>
                <a href="/computerscience/blog/69226/help-me-test-ib-cs-learn-100-beta-spots-open#comment-content-147051"
                   class="bg-secondary d-inline-flex align-items-center gap-2 text-decoration-none rounded-pill fw-bold small px-3 py-2"
                   target="_blank"
                   rel="noopener">
                    <i class="fa-regular fa-file-lines flex-shrink-0" aria-hidden="true"></i>
                    <span>Help me test IB CS Learn - 100 beta spots open</span>
                </a>
            </div>
        </div>
    </li>

    
    </template>
</turbo-stream>

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