
<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">Advithi</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">13 Jan 2026</span>
                </div>
                <p class="mb-2">Dear Heather, I am looking at the SRA template, it says 200 words for artwork text. I need clarity regarding this. </p>
                <a href="/visualarts/page/62844/licca-selected-resolved-artworks-hl#comment-content-136410"
                   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>Licca, Selected Resolved Artworks, HL</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">
                                C
    
            </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">Chrissa</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Jan 2026</span>
                </div>
                <p class="mb-2">Thank you so much Shannon! This really helps. I wish you a wonderful year ahead, filled with good health and happiness. </p>
                <a href="/visualarts/page/59264/the-inquiry-portfolio#comment-content-136401"
                   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 Inquiry Portfolio</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">
                                S
    
            </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">Shannon</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">12 Jan 2026</span>
                </div>
                <p class="mb-2">Hi Chrissa, the ratio of the slides - widescreen vs. A3 - is similar enough. The most important aspect is that these should be horizontal, which you are clearly aware of already! What the IB have asked for is that once the slides are downloaded, they...</p>
                <a href="/visualarts/page/59264/the-inquiry-portfolio#comment-content-136388"
                   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 Inquiry Portfolio</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">Aileen</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Jan 2026</span>
                </div>
                <p class="mb-2">Thank you so much for your answer, it is very helpful.&nbsp; </p>
                <a href="/visualarts/page/58748/internal-assessment-hl#comment-content-136376"
                   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>Internal Assessment HL</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">
                                S
    
            </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">Shannon</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">12 Jan 2026</span>
                </div>
                <p class="mb-2">Hello Aileen, you have a good foundational understanding here in terms of pacing. While the components are assessed separately, they are tied together by common assessment objectives. With this in mind, it is okay and perfectly natural that...</p>
                <a href="/visualarts/page/58748/internal-assessment-hl#comment-content-136375"
                   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>Internal Assessment HL</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">Aileen</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Jan 2026</span>
                </div>
                <p class="mb-2">Allow me to clarify a typo in the previous comment &nbsp;My intention is to begin preparing students in year 1 term 2 to engage with inquires that can feed into both (the Inquiry Portfolio and the IA resolved /selected works ) while maintaining the...</p>
                <a href="/visualarts/page/58748/internal-assessment-hl#comment-content-136374"
                   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>Internal Assessment HL</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">Aileen</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Jan 2026</span>
                </div>
                <p class="mb-2">Hi Heather, From my understanding of our recent discussions, the components are not formally linked to each other. However, to make the Inquiry Portfolio more purposeful and to support students in reaching resolved outcomes, I wanted to ask:...</p>
                <a href="/visualarts/page/58748/internal-assessment-hl#comment-content-136373"
                   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>Internal Assessment HL</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">Monica</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Jan 2026</span>
                </div>
                <p class="mb-2">Fantastic, thanks for the quick response and help. </p>
                <a href="/visualarts/page/8582/group-6-grade-descriptors-#comment-content-136363"
                   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>Group 6 Grade Descriptors </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">
                                S
    
            </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">Shannon</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">12 Jan 2026</span>
                </div>
                <p class="mb-2">Hi Monica, the grade descriptors listed above (for music, theater, dance, film, visual arts) go beyond specific curricular updates. This means that these Group 6 descriptors are still good! They will, however, be revised shortly after the May 2026...</p>
                <a href="/visualarts/page/8582/group-6-grade-descriptors-#comment-content-136359"
                   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>Group 6 Grade Descriptors </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">Monica</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">12 Jan 2026</span>
                </div>
                <p class="mb-2">Hi, I have not yet found the new syllabus group 6 grade descriptors info. Do you know where to find this? </p>
                <a href="/visualarts/page/8582/group-6-grade-descriptors-#comment-content-136336"
                   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>Group 6 Grade Descriptors </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="/visualarts/subscriber-comments?page=118" 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>
