{"id":1257,"date":"2025-07-14T14:39:35","date_gmt":"2025-07-14T12:39:35","guid":{"rendered":"https:\/\/tryplo.nl\/examples\/"},"modified":"2025-08-12T14:14:26","modified_gmt":"2025-08-12T12:14:26","slug":"examples","status":"publish","type":"page","link":"https:\/\/tryplo.nl\/en\/examples\/","title":{"rendered":"Examples"},"content":{"rendered":"<div class=\"eye-block breadcrumbs-wrapper\">\r\n    \r\n            <ul class=\"site-breadcrumbs\">\r\n                <li class=\"crumb\">\r\n                    <a class=\"disable-line\" href=\"https:\/\/tryplo.nl\">\r\n                        <i class=\"fa-sharp fa-regular fa-house\"><\/i>\r\n                    <\/a>\r\n                <\/li>\r\n                                    <div class=\"divider\"><\/div>\r\n                    <li class=\"crumb first\">\r\n                        <a class=\"disable-line\" href=\"https:\/\/tryplo.nl\/en\/examples\/\">Examples<\/a>\r\n                    <\/li>\r\n                                <\/ul>\r\n        \r\n                <\/div>\n<h1 class=\"wp-block-heading has-text-align-center\">Examples<\/h1>\n    <div class=\"booklet-preview-wrapper tryplo-preview-grid\">\r\n                    <div class=\"booklet-preview mb-5\">\r\n                <button class=\"fold btn btn-white outline\">\r\n                    <i class=\"far fa-arrows-left-right-to-line me-2\"><\/i>View outside                <\/button>\r\n                <div class=\"scale-wrapper\">\r\n                    <div class=\"inside inside-left\" data-number=\"3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/Volleybal2.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"inside inside-center\" data-number=\"4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/Volleybal2.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"inside inside-right\" data-number=\"5\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/Volleybal2.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"outside outside-left\" data-number=\"1\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/Volleybal-1.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"outside outside-right\" data-number=\"2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/Volleybal-1.jpg\" alt=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"booklet-preview mb-5\">\r\n                <button class=\"fold btn btn-white outline\">\r\n                    <i class=\"far fa-arrows-left-right-to-line me-2\"><\/i>View outside                <\/button>\r\n                <div class=\"scale-wrapper\">\r\n                    <div class=\"inside inside-left\" data-number=\"3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/HC-Nova-voorkant11.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"inside inside-center\" data-number=\"4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/HC-Nova-voorkant11.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"inside inside-right\" data-number=\"5\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/HC-Nova-voorkant11.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"outside outside-left\" data-number=\"1\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/HC-Nova-voorkant.jpg\" alt=\"\">\r\n                    <\/div>\r\n                    <div class=\"outside outside-right\" data-number=\"2\">\r\n                        <img decoding=\"async\" src=\"https:\/\/tryplo.nl\/wp-content\/uploads\/2025\/07\/HC-Nova-voorkant.jpg\" alt=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    \r\n    \r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        document.querySelectorAll('.fold').forEach((button) => {\r\n            button.addEventListener('click', () => {\r\n                const preview = button.closest('.booklet-preview');\r\n                if (preview) {\r\n                    preview.classList.toggle('folded');\r\n                    const isFolded = preview.classList.contains('folded');\r\n                    button.innerHTML = `<i class=\"far fa-arrows-left-right-to-line me-2\"><\/i>` +\r\n                        (isFolded ? 'View inside' : 'View outside');\r\n                }\r\n            });\r\n        });\r\n\r\n        const loadMoreBtn = document.getElementById('load-more-tryplo');\r\n        let expanded = false;\r\n\r\n        if (loadMoreBtn) {\r\n            loadMoreBtn.addEventListener('click', () => {\r\n                const allItems = document.querySelectorAll('.booklet-preview');\r\n                const hiddenItems = document.querySelectorAll('.booklet-preview.hidden');\r\n\r\n                if (!expanded) {\r\n                    hiddenItems.forEach((item) => item.classList.remove('hidden'));\r\n                    loadMoreBtn.textContent = 'Display less';\r\n                    expanded = true;\r\n                } else {\r\n                    allItems.forEach((item, index) => {\r\n                        if (index >= 3) {\r\n                            item.classList.add('hidden');\r\n                        }\r\n                    });\r\n                    loadMoreBtn.textContent = 'Display more';\r\n                    expanded = false;\r\n                }\r\n            });\r\n        }\r\n    });\r\n<\/script>\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Examples<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","footnotes":""},"class_list":["post-1257","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/pages\/1257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/comments?post=1257"}],"version-history":[{"count":1,"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/pages\/1257\/revisions"}],"predecessor-version":[{"id":1258,"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/pages\/1257\/revisions\/1258"}],"wp:attachment":[{"href":"https:\/\/tryplo.nl\/en\/wp-json\/wp\/v2\/media?parent=1257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}