<turbo-stream action="append" target="section-items">
    <template>
            <a href="/visualarts/page/62782/navigating-the-site-" 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/visualarts/images/2022/penone--branches-of-thought-2014-.png"
            alt="Navigating the Site "
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> For those of us who are visual learners, it might help to think of the site like a tree with limbs ( main headings) and smaller branches (sub headings) and leaves ( sub sub headings).  This page has some...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/66489/studio-teaching" 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/visualarts/2026/images/osc-1.jpeg"
            alt="Studio Teaching"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Studio Teaching
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section of the site examines how teachers approach the challenging task of teaching art to students with a range of abilities and experience, managing the studio classroom, and the kind of thinking...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/70956/storyboarding-a-video" 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/visualarts/2026/images/illustrated-storyboard.jpg"
            alt="Storyboarding a Video"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Storyboarding a Video
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Creating a storyboard for a future video project is a fruitful, time-saving task. It allows you to forecast which types of shots to capture as a starting point. Storyboards can be used as ideation tools...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/28252/rothko-on-teaching-art" 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/visualarts/images/art%20history/large_68_9_rothkom.jpg"
            alt="Rothko on Teaching Art"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> He wrote extensively about children's art education, a subject he cared deeply about. Although Rothko taught art to young children, many of these concepts are relevant to teaching kids of all ages, including...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/19784/documenting-artwork" 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/visualarts/images/personal%20photos/IMG_3622.JPG"
            alt="Documenting Artwork"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Documenting Artwork
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> An examiner sees only the photograph, so make sure the documentation is as good as can be. Once students have selected the works for The Exhibition they will need to focus on documenting their work in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/21420/acknowledging-ideas" 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/visualarts/images/art%20history/300px-mona_lisa%2C_by_leonardo_da_vinci%2C_from_c2rmf_retouched.jpg"
            alt="Acknowledging Ideas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Acknowledging Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A reference is a way of indicating to the reader, in an orderly form, where information has been obtained. References must be cited because they acknowledge the sources used, and enable the reader to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/21430/citing-images-activity" 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/visualarts/images/art%20history/NG.M.00844.jpg"
            alt="Citing Images Activity"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Citing Images Activity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Proper citation is often a problem for students, and the most common error is thinking that a reference is simply a URL, cut and pasted! Teach your students to reference properly by showing them these...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/21429/ee-bibliographies" 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/visualarts/gwen%20john%20%20convalescent.jpeg"
            alt="EE Bibliographies"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        EE Bibliographies
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A bibliography is an alphabetical list of every source used to research and write the extended essay. Sources that are not cited in the body of the essay, but were important in informing the approach...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/48144/referencing-ai" 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/19/01.jpg?v=1790338356"
            alt="Referencing AI"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Referencing AI
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> From IBO: How IB students can correctly reference AI tools  https://hk.linkedin.com/posts/ibo_guidance-for-students-on-referencing-ai-activity-7047482487668633600-2LWF The Scribbr website is also quite...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/64415/rubrics-new-course" 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/visualarts/2025_new-curriculum/images/warhol-moon-walk-1987.jpg"
            alt="Rubrics (new course)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Rubrics (new course)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is the place for quick access to rubrics for each component of the “new” curriculum (first exams 2027) and rubrics for formative assessment: holistic, one point, checklists, the assessment tools...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2026
                        </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="/visualarts/latest-updates?page=13" 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>
