{"id":38,"date":"2025-11-28T21:11:42","date_gmt":"2025-11-28T21:11:42","guid":{"rendered":"https:\/\/riccardos.pizza\/?page_id=38"},"modified":"2026-03-07T17:09:21","modified_gmt":"2026-03-07T17:09:21","slug":"gallery","status":"publish","type":"page","link":"https:\/\/riccardos.pizza\/Home\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c5c8da e-flex e-con-boxed e-con e-parent\" data-id=\"4c5c8da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c8a8a elementor-widget elementor-widget-shortcode\" data-id=\"b8c8a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class=\"agp-container\">\r\n        <div class=\"agp-filters\">\r\n            <button class=\"agp-btn active\" data-filter=\"all\">All<\/button>\r\n                            <button class=\"agp-btn\" data-filter=\"burger\">\r\n                    Burger                <\/button>\r\n                            <button class=\"agp-btn\" data-filter=\"desserts\">\r\n                    Desserts                <\/button>\r\n                            <button class=\"agp-btn\" data-filter=\"pizza\">\r\n                    Pizza                <\/button>\r\n                    <\/div>\r\n\r\n        <div class=\"agp-grid\">\r\n                            <div class=\"agp-card desserts\">\r\n                    <div class=\"agp-inner\">\r\n                        <div class=\"agp-thumb\" data-full=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/dessert.jpg\">\r\n                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"591\" height=\"545\" src=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/dessert.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/dessert.jpg 591w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/dessert-300x277.jpg 300w\" sizes=\"(max-width: 591px) 100vw, 591px\" \/>                                <div class=\"agp-overlay\"><span class=\"dashicons dashicons-search\"><\/span><\/div>\r\n                                                    <\/div>\r\n                        <div class=\"agp-info\">\r\n                            <h3>Desserts<\/h3>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"agp-card burger\">\r\n                    <div class=\"agp-inner\">\r\n                        <div class=\"agp-thumb\" data-full=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger.jpg\">\r\n                                                            <img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-1024x1024.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-1024x1024.jpg 1024w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-300x300.jpg 300w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-150x150.jpg 150w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-768x768.jpg 768w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-1536x1536.jpg 1536w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-600x600.jpg 600w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger-100x100.jpg 100w, https:\/\/riccardos.pizza\/wp-content\/uploads\/2026\/03\/burger.jpg 1800w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>                                <div class=\"agp-overlay\"><span class=\"dashicons dashicons-search\"><\/span><\/div>\r\n                                                    <\/div>\r\n                        <div class=\"agp-info\">\r\n                            <h3>Burgers<\/h3>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"agp-card pizza\">\r\n                    <div class=\"agp-inner\">\r\n                        <div class=\"agp-thumb\" data-full=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2025\/11\/pizza-menu-1.png\">\r\n                                                            <img decoding=\"async\" width=\"133\" height=\"90\" src=\"https:\/\/riccardos.pizza\/wp-content\/uploads\/2025\/11\/pizza-menu-1.png\" class=\"attachment-large size-large wp-post-image\" alt=\"Pizza\" \/>                                <div class=\"agp-overlay\"><span class=\"dashicons dashicons-search\"><\/span><\/div>\r\n                                                    <\/div>\r\n                        <div class=\"agp-info\">\r\n                            <h3>Pizza<\/h3>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n        <div class=\"agp-load-more-container\">\r\n            <button id=\"agp-load-more\" class=\"agp-btn-load\">Load More<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"agp-lightbox\" class=\"agp-lightbox\">\r\n        <span class=\"agp-close\">&times;<\/span>\r\n        <img class=\"agp-lightbox-content\" id=\"agp-lightbox-img\">\r\n        <div id=\"agp-caption\"><\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .agp-container { max-width: 1100px; margin: 40px auto; padding: 0 20px; }\r\n        .agp-filters { text-align: center; margin-bottom: 50px; }\r\n        .agp-btn { background: #fff; border: 1px solid #ddd; padding: 8px 22px; margin: 5px; cursor: pointer; border-radius: 4px; transition: 0.3s; }\r\n        .agp-btn.active, .agp-btn:hover { background: #111; color: #fff; border-color: #111; }\r\n        \r\n        .agp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; }\r\n        .agp-card { transition: opacity 0.4s ease, transform 0.4s ease; display: none; } \/* Hidden by default for load more *\/\r\n        .agp-card.is-visible { display: block; }\r\n        \r\n        .agp-inner { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); height: 100%; }\r\n        .agp-thumb { position: relative; cursor: pointer; overflow: hidden; height: 240px; }\r\n        .agp-thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }\r\n        .agp-thumb:hover img { transform: scale(1.05); }\r\n        .agp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.3s; color: #fff; }\r\n        .agp-thumb:hover .agp-overlay { opacity: 1; }\r\n\r\n        .agp-info { padding: 20px; }\r\n        .agp-info h3 { margin: 0 0 8px; font-size: 1.25rem; }\r\n        .agp-info p { margin: 0; color: #666; font-size: 0.95rem; }\r\n\r\n        .agp-load-more-container { text-align: center; margin-top: 40px; }\r\n        .agp-btn-load { background: #111; color: #fff; border: none; padding: 12px 30px; cursor: pointer; border-radius: 4px; font-size: 1rem; }\r\n        .agp-btn-load:hover { background: #333; }\r\n\r\n        \/* Lightbox *\/\r\n        .agp-lightbox { display: none; position: fixed; z-index: 9999; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); }\r\n        .agp-lightbox-content { margin: auto; display: block; width: 80%; max-width: 900px; border-radius: 4px; animation: zoom 0.3s; }\r\n        #agp-caption { text-align: center; color: #ccc; padding: 15px; }\r\n        .agp-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; cursor: pointer; }\r\n        @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const cards = Array.from(document.querySelectorAll('.agp-card'));\r\n        const loadMoreBtn = document.getElementById('agp-load-more');\r\n        const filterBtns = document.querySelectorAll('.agp-btn');\r\n        const itemsPerPage = 6;\r\n        let currentIndex = itemsPerPage;\r\n\r\n        \/\/ Initial Load\r\n        function showInitial() {\r\n            cards.slice(0, itemsPerPage).forEach(card => card.classList.add('is-visible'));\r\n            if (cards.length <= itemsPerPage) loadMoreBtn.style.display = 'none';\r\n        }\r\n        showInitial();\r\n\r\n        \/\/ Load More Click\r\n        loadMoreBtn.addEventListener('click', () => {\r\n            const hidden = cards.filter(card => !card.classList.contains('is-visible'));\r\n            hidden.slice(0, itemsPerPage).forEach(card => card.classList.add('is-visible'));\r\n            if (cards.filter(card => !card.classList.contains('is-visible')).length === 0) {\r\n                loadMoreBtn.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ Filter Logic\r\n        filterBtns.forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                filterBtns.forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                const filter = btn.getAttribute('data-filter');\r\n\r\n                if (filter === 'all') {\r\n                    cards.forEach(card => card.classList.remove('is-visible'));\r\n                    showInitial();\r\n                    loadMoreBtn.style.display = cards.length > itemsPerPage ? 'block' : 'none';\r\n                } else {\r\n                    cards.forEach(card => {\r\n                        if (card.classList.contains(filter)) {\r\n                            card.classList.add('is-visible');\r\n                        } else {\r\n                            card.classList.remove('is-visible');\r\n                        }\r\n                    });\r\n                    loadMoreBtn.style.display = 'none';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Lightbox\r\n        const lightbox = document.getElementById('agp-lightbox');\r\n        document.querySelectorAll('.agp-thumb').forEach(thumb => {\r\n            thumb.onclick = function() {\r\n                lightbox.style.display = \"block\";\r\n                document.getElementById('agp-lightbox-img').src = this.getAttribute('data-full');\r\n                document.getElementById('agp-caption').innerHTML = this.parentElement.querySelector('h3').innerText;\r\n            }\r\n        });\r\n        document.querySelector('.agp-close').onclick = () => lightbox.style.display = \"none\";\r\n        window.onclick = (e) => { if (e.target == lightbox) lightbox.style.display = \"none\"; };\r\n    });\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":19,"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/pages\/38\/revisions\/373"}],"wp:attachment":[{"href":"https:\/\/riccardos.pizza\/Home\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}