<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishalanglit/page/2899/secondary-sources" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/glossary%20of%20lit%20terms.jpg"
            alt="Secondary sources"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Secondary sources
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In class it is important to know when we are treating texts as primary or secondary sources. There are many textbooks, documentaries and websites that help us make sense of the texts we come across in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/2975/pathos" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/micahwright.jpg"
            alt="Pathos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pathos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When speakers appeal to one's sense of emotion, they are using pathos. 'Why should I care about what you have to say?' This is the kind of question on an audience's mind when listening to a speech or...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/2819/plt" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/books.jpg"
            alt="PLT"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        PLT
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Prescribed Literature in Translation (PLT) is an official list of literature published by the IB on the Online Curriculum Centre (OCC). For the English A: Language and Literature course, both Standard...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/10127/pla" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/open book.jpg"
            alt="PLA"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        PLA
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Prescribed List of Authors, also known as PLA, is a document published on the Online Curriculum Centre (OCC). It contains the names of authors (not the titles of works) in categories of genre. Teachers...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/9226/notifications" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/rss-icon.jpg"
            alt="Notifications"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Notifications
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> While the concept of notifications may seem simple, it is very important in our efforts to understand the type of text known as 'website'. In traditional media, if you want to find out something, such...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/7388/newsworthiness" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/defeet.jpg"
            alt="Newsworthiness"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Newsworthiness
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What makes a story newsworthy? Every editor-in-chief has a different opinion on this matter. Generally speaking however, there seem to be three reasons why a story is deemed 'newsworthy'. Although they...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/9636/metonymy" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/metonymy.jpg"
            alt="Metonymy"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Metonymy
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Metonymy is the act of referring to a concept not by its name, but by something intimately associated with it. For example when journalists refer to "Washington's response," they mean the political response...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/9577/metaphor" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/volvo%20egg%20holder.jpg"
            alt="Metaphor"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Metaphor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Metaphor is the comparison of two concepts through language, often done by using the verb 'to be'.  Metaphor is often seen as a literary device used by poets. Metaphors, however, can be found in every...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/11052/mash-up" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/subject/generic/23/04.jpg?v=1790338357"
            alt="Mash up"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mash up
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mash ups are online texts, usually short films, that copy content from an original source and alter it to some extent to give it new meaning. These are texts that borrow from and build on other texts....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishalanglit/page/9229/pay-per-click" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/englishalanglit/images/database.jpg"
            alt="Pay-per-click"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Resources
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pay-per-click
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Many websites allow 'sponsors' or advertisers to place ads on their website as a means of generating revenue. Advertisements are often related to the content of the websites which host them, as search...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 March 2012
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

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