
<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">
                                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">10 Sep 2026</span>
                </div>
                <p class="mb-2">Hi, can we set all worksheets as tasks and send to students? </p>
                <a href="/computerscience/page/70808/activities#comment-content-148270"
                   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>Activities</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">9 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Michael, the "Try it out" embeds to practice coding on Trinket are no longer working, because Trinket shut down. This is the case for B3.2.1 eBook page as I'm looking now, or any other pages. Is there a plan for a replacement platform to use for...</p>
                <a href="/computerscience/page/61774/b-321-inhertitance-hl-only#comment-content-148200"
                   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>B 3.2.1 Inhertitance (HL Only)</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">
                                T
    
            </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">Tyler</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Michael, I did look over the IB examples for Criterion C - &nbsp;the reason I ask for more examples is that, as a new teacher to DP CS, I found the marking feedback vague in most instances. For example, it's not clear whether pseudocode is...</p>
                <a href="/computerscience/page/65241/criterion-c-system-overview#comment-content-148085"
                   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>Criterion C: System Overview</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">
                                R
    
            </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">Ruchika</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">&nbsp; &nbsp; &nbsp; &nbsp; All material on this site is the property of InThinking. &nbsp; &nbsp; &nbsp; &nbsp; As such, it is protected by copyright &amp; intellectual property laws, and it must not be copied, reproduced, &nbsp; &nbsp; &nbsp; &nbsp;...</p>
                <a href="/computerscience/page/60781/a-243-worksheet#comment-content-148046"
                   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 2.4.3 Worksheet</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">
                                R
    
            </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">Ruchika</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">&nbsp; Routing Challenge ActivityScenario 1: The Small Office NetworkDescription: A small office with 20 computers, a printer, and a file server. The network needs to be simple and easy to manage, with minimal resource usage.Requirements: Reliable...</p>
                <a href="/computerscience/page/60722/a-234-routing-challenge-activity#comment-content-148045"
                   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 2.3.4 Routing Challenge Activity</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">
                                R
    
            </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">Ruchika</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">&nbsp; &nbsp; &nbsp; &nbsp; All material on this site is the property of InThinking. &nbsp; &nbsp; &nbsp; &nbsp; As such, it is protected by copyright &amp; intellectual property laws, and it must not be copied, reproduced, &nbsp; &nbsp; &nbsp; &nbsp;...</p>
                <a href="/computerscience/page/59602/a-224-worksheet#comment-content-148044"
                   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 2.2.4 Worksheet</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">
                                R
    
            </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">Ruchika</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">&nbsp; Scenario 1: School NetworkMost suitable model: Client-serverWhy: A client-server model is best for a school network because it allows for centralized management of resources (like user accounts, file access, and internet access),...</p>
                <a href="/computerscience/page/59582/a-223-worksheet#comment-content-148043"
                   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 2.2.3 Worksheet</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">
                                R
    
            </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">Ruchika</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Sep 2026</span>
                </div>
                <p class="mb-2">&nbsp; Handout - answer keyScenario 1: Small Business NetworkFile Server: Essential for centralized file storage and sharing among employees.DHCP Server: To automatically assign IP addresses to employee computers and devices, simplifying...</p>
                <a href="/computerscience/page/59560/a-222-handout#comment-content-148042"
                   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 2.2.2 Handout</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">6 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Tyler. The IB have some examples of actual student work which has been graded so you can see what this looks like with specific projects. We have tried to give more general examples of the type of elements to include. Over time we will add specific...</p>
                <a href="/computerscience/page/65241/criterion-c-system-overview#comment-content-147988"
                   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>Criterion C: System Overview</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">6 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Niall. Thank for spotting that. I have updated the question&nbsp; </p>
                <a href="/computerscience/page/69564/image-generation-techniques#comment-content-147987"
                   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>Image generation techniques</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=8" 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>
