
<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">
                                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">Beni</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">30 Sep 2026</span>
                </div>
                <p class="mb-2">morning. I have a question. Is anybody teaching Meiji Fokus Study right now? I am interested to share experiences and do paper 1 trainings together.... &nbsp; </p>
                <a href="/history/page/66840/example-1-the-meiji-restoration-1853-1894#comment-content-149721"
                   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>Example 1: The Meiji Restoration (1853 - 1894)</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">Jo</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">30 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Layza We think that Castro can be used as a populist leader &nbsp;- particularly in rise to power and early years. </p>
                <a href="/history/page/29264/4-populist-leader-getulio-vargas#comment-content-149716"
                   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>4. Populist leader: Getúlio Vargas</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">Jo</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">30 Sep 2026</span>
                </div>
                <p class="mb-2">No problem at all! It is one of my favourite cold war video clips! </p>
                <a href="/history/page/68182/2-cuban-revolution-impact-on-americas#comment-content-149715"
                   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>2. Cuban Revolution & impact on Americas</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">Aasha</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">30 Sep 2026</span>
                </div>
                <p class="mb-2">Thank you. Yes, I've been looking at that- very useful! </p>
                <a href="/history/page/66836/3-authoritarian-rule-from-1750#comment-content-149713"
                   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>3. Authoritarian Rule from 1750</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">
                                E
    
            </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">Elisa</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">30 Sep 2026</span>
                </div>
                <p class="mb-2">Yes, after a much more careful look my students and I figured that out! &nbsp;I am so sorry for the oversight. &nbsp;I appreciate all the work you are doing to help us through this new curriculum! </p>
                <a href="/history/page/68182/2-cuban-revolution-impact-on-americas#comment-content-149699"
                   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>2. Cuban Revolution & impact on Americas</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">Layza</p>
                                            </div>
                    <span class="text-muted small text-nowrap flex-shrink-0">30 Sep 2026</span>
                </div>
                <p class="mb-2">Hi!Can the one of the two populist leaders be Fidel Castro?&nbsp;Tks! </p>
                <a href="/history/page/29264/4-populist-leader-getulio-vargas#comment-content-149693"
                   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>4. Populist leader: Getúlio Vargas</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">Jo</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">30 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Sergei - yes, exactly. It is a bit odd that 'political' doesn't have its own heading - so &nbsp;these have to go under 'ideas'. (Though hard to know where to fit the 'backstairs intrigue' bit fits in!) Thanks for the feedback as well - much appreciated! </p>
                <a href="/history/page/62894/1-nazi-germany-why-did-authoritarian-rule-emerge#comment-content-149682"
                   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>1. Nazi Germany: Why did authoritarian rule emerge?</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">Jo</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">30 Sep 2026</span>
                </div>
                <p class="mb-2">Hi Joseph If you click on the eye under question 2, there is a chart there. </p>
                <a href="/history/page/69659/paper-1-the-examination-2028#comment-content-149681"
                   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>Paper 1 The Examination (2028)</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">Jo</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">30 Sep 2026</span>
                </div>
                <p class="mb-2">Hi William - Have uploaded a better version and added the link. Good idea! </p>
                <a href="/history/page/67671/iv-role-of-erik-thorvaldsson-leif-erikson#comment-content-149680"
                   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>iv Role of Erik Thorvaldsson & Leif Erikson</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">Jo</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">30 Sep 2026</span>
                </div>
                <p class="mb-2">Thank you Thomas - that is lovely feedback. Much appreciated! So glad that your students are enjoying this topic and finding the site useful. Is there any chance that &nbsp;you could repeat your comments on the official review page?: </p>
                <a href="/history/page/62370/b-how-was-the-transition-achieved#comment-content-149679"
                   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. How was the transition achieved?</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="/history/subscriber-comments?page=17" 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>
