
<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">
                                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">Arum</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">14 Oct 2026</span>
                </div>
                <p class="mb-2">Hello, I was trying to access the text files under the 'links &amp; extensions' above--yet I was directed to the main page instead of the file page. Are they now not accessible anymore?Please let me know.&nbsp; </p>
                <a href="/englishb/page/32252/roadkill-cafe#comment-content-150499"
                   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>RoadKill Cafe</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">
                                L
    
            </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">Laura</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Oct 2026</span>
                </div>
                <p class="mb-2">Dear Colleagues,&nbsp; I have a question regarding target culture in the SL oral, are students required to give an example/ article/video that they had in class related to an English-speaking culture as an additional example for their discussion,...</p>
                <a href="/englishb/page/31105/sl-orals#comment-content-150408"
                   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>SL Orals</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">Joseph</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">8 Oct 2026</span>
                </div>
                <p class="mb-2">Hi Benjamin, Thanks for reporting this. The embedded version wasn't working, so I've replaced it with a text link. You can find it here. Joe </p>
                <a href="/englishb/page/42579/fawlty-snobbery#comment-content-150243"
                   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>Fawlty snobbery</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">
                                B
    
            </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">Benjamin</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">8 Oct 2026</span>
                </div>
                <p class="mb-2">Hi. The link to the video doesn't seem to work. </p>
                <a href="/englishb/page/42579/fawlty-snobbery#comment-content-150231"
                   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>Fawlty snobbery</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">
                                P
    
            </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">Phil</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">8 Oct 2026</span>
                </div>
                <p class="mb-2">Thank you! That's really clear and helpful. </p>
                <a href="/englishb/page/51645/blog-practice#comment-content-150198"
                   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>Blog practice</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">Joseph</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">7 Oct 2026</span>
                </div>
                <p class="mb-2">Hi Aurora, What a great question! You're absolutely right that most of a report should use factual explanation, clearly laying out the facts so the audience can better understand the topic. However, you may need an argumentative explanation...</p>
                <a href="/englishb/page/50938/explanation#comment-content-150163"
                   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>Explanation</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">David</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Oct 2026</span>
                </div>
                <p class="mb-2">Hi, I have a question about an EE, the student has been doing geography but has come up against a few hurdles, the teacher has not been very much help at all, she would like to switch her subject at this stage to English B but use some of what she...</p>
                <a href="/englishb/page/62574/the-extended-essay#comment-content-150162"
                   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>The Extended Essay</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">AURORA</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">7 Oct 2026</span>
                </div>
                <p class="mb-2">Good evening,&nbsp; I need some clarity on the use of the factual or argumentative explanation on the report.&nbsp; At the beginning of this section it is mentioned that a report requires factual explanation. However, when it comes to...</p>
                <a href="/englishb/page/50938/explanation#comment-content-150153"
                   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>Explanation</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">Joseph</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 Oct 2026</span>
                </div>
                <p class="mb-2">Hello Lilly, I've put together a list of reading pages in the Paper 2 Reading Practice section of the student-facing...</p>
                <a href="/englishb/page/19657/classic-p2-errors#comment-content-150086"
                   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>Classic P2 errors</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">Joseph</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 Oct 2026</span>
                </div>
                <p class="mb-2">Hi Phil, You're right to be sceptical! The conventions required for a blog can be found here....</p>
                <a href="/englishb/page/51645/blog-practice#comment-content-150082"
                   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>Blog practice</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="/englishb/subscriber-comments?page=3" 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>
