{"id":9463,"date":"2024-11-03T23:28:42","date_gmt":"2024-11-03T23:28:42","guid":{"rendered":"https:\/\/pinacotecabrera.org\/collezioni\/collezione-on-line\/"},"modified":"2024-11-23T14:28:12","modified_gmt":"2024-11-23T14:28:12","slug":"collezione-on-line","status":"publish","type":"page","link":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/","title":{"rendered":"The Online Collection"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull padding vertical-padding is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading alignwide\">The Online Collection<\/h1>\n\n\n<section  class=\"h-full\">\n        <div id=\"opere-archive\" class=\"py-6 lg:py-12\">\n        \n        \n\n        <div class=\"alignfull bg-theme-secondary py-12 mb-6 lg:mb-12 padding\">\n            <div class=\"alignwide flex flex-col items-center\">\n                <h2 class=\"mb-8\">What are you looking for?<\/h2>\n                <form class=\"w-full max-w-prose relative\" id=\"search-form\" action=\"\" role=\"search\">\n                    <label for=\"search-input\" class=\"sr-only\">Search by title or author<\/label>\n                    <input \n                        id=\"search-input\" \n                        type=\"search\" \n                        name=\"search_opere\" \n                        placeholder=\"Search by title or author\"\n                        aria-label=\"Search by title or author\"\n                    >\n                    \n                    <button \n                        type=\"submit\" \n                        class=\"absolute right-0 top-[-1px]\"\n                        aria-label=\"Submit search\"\n                        @click=\"$store.filters.handleSearch()\"\n                    >\n                        <svg \n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\" \n                            width=\"25.064\" \n                            height=\"25.064\" \n                            viewBox=\"0 0 25.064 25.064\"\n                            aria-hidden=\"true\"\n                            role=\"img\"\n                        >\n                            <path d=\"M19.78,16.445a9.912,9.912,0,1,0-3.337,3.334L23.169,26.5,26.5,23.167Zm-8.451,1a6.115,6.115,0,1,1,6.118-6.111,6.125,6.125,0,0,1-6.118,6.111Z\" transform=\"translate(-1.44 -1.44)\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n        \n        \n        <div class=\"filters-bar\" id=\"filters-bar\">\n            \n            <button \n                x-data=\"{ isOpen: false }\"\n                x-on:click=\"isOpen = !isOpen; $dispatch('toggle-filters', { isOpen })\"\n                :class=\"{ 'active': isOpen }\"\n                class=\"filter-by-button\"\n                type=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"filter-controls\"\n            >\n                Explore by categories\n            <\/button>\n            \n            \n            <div \n                x-data\n                x-show=\"$store.filters.isOpen\"\n                x-transition\n                class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mt-6\"\n                id=\"filter-controls\"\n                aria-hidden=\"true\"\n            >\n                \n                <div>\n                    <label for=\"filter-period\" class=\"h5 mb-2 !text-sm\">\n                        Periods\n                    <\/label>\n                    <select \n                        id=\"filter-period\"\n                        data-label=\"Select one or more Periods\"\n                    >\n                        <!-- Options populated dynamically by TomSelect -->\n                    <\/select>\n                <\/div>\n\n                \n                <div>\n                    <label for=\"filter-tecniques\" class=\"h5 mb-2 !text-sm\">\n                        Materials and Techniques\n                    <\/label>\n                    <select \n                        id=\"filter-tecniques\"\n                        data-label=\"Select one or more Materials and Techniques\"\n                    >\n                        <!-- Options populated dynamically by TomSelect -->\n                    <\/select>\n                <\/div>\n\n                \n                <div>\n                    <label for=\"filter-authors\" class=\"h5 mb-2 !text-sm\">\n                        Authors\n                    <\/label>\n                    <select \n                        id=\"filter-authors\"\n                        data-label=\"Select one or more Authors\"\n                    >\n                        <!-- Options populated dynamically by TomSelect -->\n                    <\/select>\n                <\/div>\n\n                \n                <div>\n                    <label for=\"filter-rooms\" class=\"h5 mb-2 !text-sm\">\n                        Galleries\n                    <\/label>\n                    <select \n                        id=\"filter-rooms\"\n                        data-label=\"Select one or more Galleries\"\n                    >\n                        <!-- Options populated dynamically by TomSelect -->\n                    <\/select>\n                <\/div>\n\n                <div class=\"flex gap-0 justify-end col-span-full mt-3\">\n                    \n                        <button \n                            type=\"button\" \n                            class=\"button-search-start\"\n                            \n                            @click=\"$store.filters.handleSearch()\"\n                        >\n                            Filter results\n                        <\/button>\n                        <button \n                            type=\"button\" \n                            class=\"button-search-reset\"\n                            :class=\"{ 'active': $store.filters.hasActiveFilters() }\"\n                            @click=\"$store.filters.handleReset()\"\n                        >\n                            Reset filters\n                        <\/button>\n                    \n                <\/div>\n\n\n            <\/div>\n            \n        <\/div>\n        <div class=\"opere-genere-filters mt-6\" x-data>\n                            <ul class=\"flex flex-wrap gap-6\">\n                                            <li>\n                            <input \n                                type=\"checkbox\" \n                                id=\"40\" \n                                name=\"genere\" \n                                value=\"disegni-stampe\"\n                                x-model=\"window.opereArchive.state.genere\"\n                            >\n                            <label for=\"40\">Gabinetto dei disegni \/ stampe<\/label>\n                        <\/li>\n                                            <li>\n                            <input \n                                type=\"checkbox\" \n                                id=\"38\" \n                                name=\"genere\" \n                                value=\"fototeca\"\n                                x-model=\"window.opereArchive.state.genere\"\n                            >\n                            <label for=\"38\">Fototeca<\/label>\n                        <\/li>\n                                            <li>\n                            <input \n                                type=\"checkbox\" \n                                id=\"42\" \n                                name=\"genere\" \n                                value=\"donazioni-acquisizioni\"\n                                x-model=\"window.opereArchive.state.genere\"\n                            >\n                            <label for=\"42\">Donazioni \/ Acquisizioni<\/label>\n                        <\/li>\n                                            <li>\n                            <input \n                                type=\"checkbox\" \n                                id=\"25\" \n                                name=\"genere\" \n                                value=\"esposte\"\n                                x-model=\"window.opereArchive.state.genere\"\n                            >\n                            <label for=\"25\">Opere esposte<\/label>\n                        <\/li>\n                                            <li>\n                            <input \n                                type=\"checkbox\" \n                                id=\"27\" \n                                name=\"genere\" \n                                value=\"non-esposte\"\n                                x-model=\"window.opereArchive.state.genere\"\n                            >\n                            <label for=\"27\">Opere non esposte<\/label>\n                        <\/li>\n                                    <\/ul>\n                    <\/div>\n\n        \n\n        <div class=\"mt-6\" x-data x-show=\"window.opereArchive.state.genere.includes('disegni-stampe') || window.opereArchive.state.genere.includes('draw-and-print')\">\n            <a href=\"\/wp-content\/uploads\/2025\/06\/Intro-Gabinetto-Disegni-Stampe-Letizia-Lodi.pdf\" target=\"_blank\" class=\"button-search-start\">\n                                    Introduction, Letizia Lodi\n                            <\/a>\n        <\/div>\n        \n            \n\n        <div class=\"opere-grid-container\">\n            <div id=\"opere-grid\" class=\"mt-14\">\n                <div class=\"grid-sizer\"><\/div>\n                <!-- Opere populated dynamically by Vue -->\n                                    <div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/self-portrait-of-the-artist-at-his-easel\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Adler-Autoritratto.jpg\" \n                alt=\"Self-Portrait of the Artist at his Easel\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/self-portrait-of-the-artist-at-his-easel\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Self-Portrait of the Artist at his Easel\n            <\/h4>\n        <\/a>\n        <p class=\"\">Salomon Adler<\/p>\n        <p class=\"\">c. 1690<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/danza-degli-amorini\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Pinacoteca-di-Brera-Restauro-Danza-degli-Amorini-Albani-01-1-1024x890.jpg\" \n                alt=\"Danza degli Amorini\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/danza-degli-amorini\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Danza degli Amorini\n            <\/h4>\n        <\/a>\n        <p class=\"\">Francesco Albani<\/p>\n        <p class=\"\">1622 &#8211; 3<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/monterubbiano-polyptych\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Pietro-Alemanno-monte-rubiano-1011x1024.jpg\" \n                alt=\"Monterubbiano Polyptych\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/monterubbiano-polyptych\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Monterubbiano Polyptych\n            <\/h4>\n        <\/a>\n        <p class=\"\">Pietro Alemanno<\/p>\n        <p class=\"\">1475 &#8211; 80 <\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/madonna-enthroned-with-the-christ-child-angels-and-saints-cagli-polyptych\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Niccolo-di-Liberatore-detto-Alunno-polittico-cagli-827x1024.jpg\" \n                alt=\"Madonna Enthroned with the Christ Child, Angels and Saints (Cagli Polyptych)\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/madonna-enthroned-with-the-christ-child-angels-and-saints-cagli-polyptych\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Madonna Enthroned with the Christ Child, Angels and Saints (Cagli Polyptych)\n            <\/h4>\n        <\/a>\n        <p class=\"\">Alunno (Niccol\u00f2 di Liberatore)<\/p>\n        <p class=\"\">1461<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/coristi-bassorilievo\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Pinacoteca-Brera-Luca-della-Robbia-Coristi-697x1024.jpg\" \n                alt=\"Coristi, bassorilievo\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/coristi-bassorilievo\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Coristi, bassorilievo\n            <\/h4>\n        <\/a>\n        <p class=\"\">Ditta Anderson<\/p>\n        <p class=\"\">1890 ca.<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/self-portrait-5\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Anguissola-Ritratto-di-Minerva-Anguissola.jpg\" \n                alt=\"Self-portrait\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/self-portrait-5\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Self-portrait\n            <\/h4>\n        <\/a>\n        <p class=\"\">Sofonisba Anguissola<\/p>\n        <p class=\"\">1560 &#8211; 1<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/pieta-2\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/S-Anguissola-Pieta.jpg\" \n                alt=\"Piet\u00e0\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/pieta-2\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Piet\u00e0\n            <\/h4>\n        <\/a>\n        <p class=\"\">Sofonisba Anguissola<\/p>\n        <p class=\"\">1574 &#8211; 85 <\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/veduta-del-canal-grande-a-venezia\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Pinacoteca-Brera-Fototeca-Venezia-1024x848.jpg\" \n                alt=\"Veduta del Canal Grande a Venezia\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/veduta-del-canal-grande-a-venezia\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Veduta del Canal Grande a Venezia\n            <\/h4>\n        <\/a>\n        <p class=\"\">Anonimo<\/p>\n        <p class=\"\">1870 ca.<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/louis-lumiere\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Pinacoteca-Brera-Fototeca03-677x1024.jpg\" \n                alt=\"Louis Lumi\u00e8re\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/louis-lumiere\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Louis Lumi\u00e8re\n            <\/h4>\n        <\/a>\n        <p class=\"\">Anonimo<\/p>\n        <p class=\"\">1890 ca.<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/il-campidoglio-visto-da-piazza-aracoeli-a-roma\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Campidoglio-Anonimo-calotipista-1024x681.jpg\" \n                alt=\"Il Campidoglio visto da piazza Aracoeli a Roma\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/il-campidoglio-visto-da-piazza-aracoeli-a-roma\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Il Campidoglio visto da piazza Aracoeli a Roma\n            <\/h4>\n        <\/a>\n        <p class=\"\">Anonimo calotipista romano<\/p>\n        <p class=\"\">met\u00e0 XIX sec.<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/madonna-and-child-with-saint-john-the-baptist-st-paul-and-an-angel-musician\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/anonimo-lombardo-madonna-con-b.-XXIII-676x1024.jpg\" \n                alt=\"Madonna and Child with Saint John the Baptist, St. Paul and an Angel Musician\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/madonna-and-child-with-saint-john-the-baptist-st-paul-and-an-angel-musician\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Madonna and Child with Saint John the Baptist, St. Paul and an Angel Musician\n            <\/h4>\n        <\/a>\n        <p class=\"\">Anonimo lombardo<\/p>\n        <p class=\"\">1510 &#8211; 20<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/st-jerome-and-st-catherine-of-alexandria\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Anselmi-santi-732x1024.jpg\" \n                alt=\"St. Jerome and St. Catherine of Alexandria\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/st-jerome-and-st-catherine-of-alexandria\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                St. Jerome and St. Catherine of Alexandria\n            <\/h4>\n        <\/a>\n        <p class=\"\">Michelangelo Anselmi<\/p>\n        <p class=\"\">1532 &#8211; 40<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/portrait-of-ugo-foscolo\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/appiani-ritratto-ugo-foscolo.jpg\" \n                alt=\"Portrait of Ugo Foscolo\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/portrait-of-ugo-foscolo\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Portrait of Ugo Foscolo\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1801 &#8211; 2 <\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-toilette-of-venus\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Appiani-toeletta-di-Venere.jpg\" \n                alt=\"The Toilette of Venus\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-toilette-of-venus\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                The Toilette of Venus\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1790 &#8211; 5<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-diversions-of-venus-and-mars\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Appiani-gli-svaghi.jpg\" \n                alt=\"The Diversions of Venus and Mars\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-diversions-of-venus-and-mars\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                The Diversions of Venus and Mars\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1790 &#8211; 5 <\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-wrath-of-mars-checked-by-venus\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Appiani-Marte-trattenuto.jpg\" \n                alt=\"The Wrath of Mars Checked by Venus\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-wrath-of-mars-checked-by-venus\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                The Wrath of Mars Checked by Venus\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1790 &#8211; 5 <\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-death-of-adonis\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Appiani.morte-adone.jpg\" \n                alt=\"The Death of Adonis\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-death-of-adonis\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                The Death of Adonis\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1790 &#8211; 5<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/self-portrait-3\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Appiani-Autoritratto-840x1024.jpg\" \n                alt=\"Self-Portrait\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/self-portrait-3\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Self-Portrait\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1795 &#8211; 9 <\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/apollos-chariot\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/carro-1.jpg\" \n                alt=\"Apollo&amp;#8217;s Chariot\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/apollos-chariot\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                Apollo&#8217;s Chariot\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">1795 &#8211; 6<\/p>\n    <\/div>\n<\/div><div class=\"opera-card grid-item\">\n    <div class=\"opera-card__image overflow-hidden\">\n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-olympus-jupiter-crowned-with-myrtle-by-the-hours-proffers-a-goblet-to-ganymede-to-be-served-nectar\/\">\n            <img decoding=\"async\" \n                src=\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2024\/11\/Appiani-Olimpo-1024x490.png\" \n                alt=\"The Olympus (Jupiter, Crowned with Myrtle By the Hours, Proffers a Goblet to Ganymede to Be Served Nectar)\" \n                class=\"w-full h-auto transition-transform duration-500 hover:scale-110\"\n            >\n        <\/a>\n    <\/div>\n    <div class=\"opera-card__title pt-8 pb-5  bg-white border-b border-theme-primary border-solid\"> \n        <a class=\"opera-card__link\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/the-olympus-jupiter-crowned-with-myrtle-by-the-hours-proffers-a-goblet-to-ganymede-to-be-served-nectar\/\">\n            <h4 class=\"italic mb-3 transition-colors hover:text-theme-primary duration-500\">\n                The Olympus (Jupiter, Crowned with Myrtle By the Hours, Proffers a Goblet to Ganymede to Be Served Nectar)\n            <\/h4>\n        <\/a>\n        <p class=\"\">Andrea Appiani<\/p>\n        <p class=\"\">c. 1806<\/p>\n    <\/div>\n<\/div>\n                            <\/div>\n        <\/div>\n        \n        <div class=\"justify-center items-center loader-container flex hidden\">\n            <span class=\"loader blue\"><\/span>\n        <\/div>\n        <div class=\"pagination-container\">\n            <a href=\"#\" class=\"pagination-button pagination-button-number active\" data-page=\"1\">1<\/a>\n\n            \n        \n                                    <a href=\"#\" class=\"pagination-button pagination-button-number \" data-page=\"2\">2<\/a>\n                    \n                    <span>&#8230;<\/span>\n            \n    \n            <a href=\"#\" class=\"pagination-button pagination-button-number \" data-page=\"32\">32<\/a>\n    \n            <a href=\"#\" class=\"pagination-button pagination-button-next\" data-page=\"2\">Next<\/a>\n    \n\n        <\/div>\n\n    <\/div>\n    <\/section><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Online Collection<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9457,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9463","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v26.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Online Collection | Pinacoteca di Brera<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Online Collection\" \/>\n<meta property=\"og:description\" content=\"The Online Collection\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/\" \/>\n<meta property=\"og:site_name\" content=\"Pinacoteca di Brera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PinacotecadiBrera\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-23T14:28:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@museobrera\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/\",\"url\":\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/\",\"name\":\"The Online Collection | Pinacoteca di Brera\",\"isPartOf\":{\"@id\":\"https:\/\/pinacotecabrera.org\/#website\"},\"datePublished\":\"2024-11-03T23:28:42+00:00\",\"dateModified\":\"2024-11-23T14:28:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pinacotecabrera.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Collection\",\"item\":\"https:\/\/pinacotecabrera.org\/en\/collezioni\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Online Collection\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pinacotecabrera.org\/#website\",\"url\":\"https:\/\/pinacotecabrera.org\/\",\"name\":\"Pinacoteca di Brera\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/pinacotecabrera.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pinacotecabrera.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pinacotecabrera.org\/#organization\",\"name\":\"Pinacoteca di Brera\",\"url\":\"https:\/\/pinacotecabrera.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pinacotecabrera.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2025\/09\/Pinacoteca_Brera_logo.png\",\"contentUrl\":\"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2025\/09\/Pinacoteca_Brera_logo.png\",\"width\":1100,\"height\":1100,\"caption\":\"Pinacoteca di Brera\"},\"image\":{\"@id\":\"https:\/\/pinacotecabrera.org\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/PinacotecadiBrera\/\",\"https:\/\/x.com\/museobrera\",\"https:\/\/www.instagram.com\/pinacotecabrera\/\",\"https:\/\/www.youtube.com\/user\/pinacotecabrera\",\"https:\/\/vimeo.com\/pinacotecabrera\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Online Collection | Pinacoteca di Brera","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/","og_locale":"en_US","og_type":"article","og_title":"The Online Collection","og_description":"The Online Collection","og_url":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/","og_site_name":"Pinacoteca di Brera","article_publisher":"https:\/\/www.facebook.com\/PinacotecadiBrera\/","article_modified_time":"2024-11-23T14:28:12+00:00","twitter_card":"summary_large_image","twitter_site":"@museobrera","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/","url":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/","name":"The Online Collection | Pinacoteca di Brera","isPartOf":{"@id":"https:\/\/pinacotecabrera.org\/#website"},"datePublished":"2024-11-03T23:28:42+00:00","dateModified":"2024-11-23T14:28:12+00:00","breadcrumb":{"@id":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pinacotecabrera.org\/en\/collezioni\/collezione-on-line\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pinacotecabrera.org\/en\/"},{"@type":"ListItem","position":2,"name":"Collection","item":"https:\/\/pinacotecabrera.org\/en\/collezioni\/"},{"@type":"ListItem","position":3,"name":"The Online Collection"}]},{"@type":"WebSite","@id":"https:\/\/pinacotecabrera.org\/#website","url":"https:\/\/pinacotecabrera.org\/","name":"Pinacoteca di Brera","description":"","publisher":{"@id":"https:\/\/pinacotecabrera.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pinacotecabrera.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pinacotecabrera.org\/#organization","name":"Pinacoteca di Brera","url":"https:\/\/pinacotecabrera.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pinacotecabrera.org\/#\/schema\/logo\/image\/","url":"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2025\/09\/Pinacoteca_Brera_logo.png","contentUrl":"https:\/\/pinacotecabrera.org\/wp-content\/uploads\/2025\/09\/Pinacoteca_Brera_logo.png","width":1100,"height":1100,"caption":"Pinacoteca di Brera"},"image":{"@id":"https:\/\/pinacotecabrera.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/PinacotecadiBrera\/","https:\/\/x.com\/museobrera","https:\/\/www.instagram.com\/pinacotecabrera\/","https:\/\/www.youtube.com\/user\/pinacotecabrera","https:\/\/vimeo.com\/pinacotecabrera"]}]}},"_links":{"self":[{"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/pages\/9463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/comments?post=9463"}],"version-history":[{"count":1,"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/pages\/9463\/revisions"}],"predecessor-version":[{"id":9464,"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/pages\/9463\/revisions\/9464"}],"up":[{"embeddable":true,"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/pages\/9457"}],"wp:attachment":[{"href":"https:\/\/pinacotecabrera.org\/en\/wp-json\/wp\/v2\/media?parent=9463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}