{"id":294,"date":"2025-07-11T15:20:31","date_gmt":"2025-07-11T15:20:31","guid":{"rendered":"https:\/\/mprinsdesign.nl\/broet\/?page_id=294"},"modified":"2025-08-30T09:28:22","modified_gmt":"2025-08-30T09:28:22","slug":"broet-events","status":"publish","type":"page","link":"https:\/\/mprinsdesign.nl\/broet\/broet-events\/","title":{"rendered":"BROET-EVENTS"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1753700602838{padding-top: 100px !important;}&#8221;][vc_column][vc_column_text css=&#8221;&#8221;]\n    <div id=\"event-overview\">\n\n        <!-- Filter Menu -->\n        <div class=\"event-filter\">\n            <button class=\"filter-btn active\" data-group=\"all\">Show All<\/button>\n                            <button class=\"filter-btn\" data-group=\"broet-community\">\n                    BROET COMMUNITY                <\/button>\n                            <button class=\"filter-btn\" data-group=\"film\">\n                    FILM                <\/button>\n                            <button class=\"filter-btn\" data-group=\"in-the-spotlight\">\n                    IN THE SPOTLIGHT                <\/button>\n                    <\/div>\n\n        <div class=\"event-list grid-3 shuffle-container\">\n                                <div class=\"event-item\" data-groups='[&quot;broet-community&quot;]'>\n                                                    <div class=\"event-visual\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/mprinsdesign.nl\/broet\/events\/next-talk-immersive-storytelling-by-studio-nergens\/\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"event-context-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\tNext talk | Immersive storytelling by Studio Nergens\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div class=\"arrow\">\n\t\t\t\t\t\t\t\t\t\t\t<svg class=\"circle-border\" width=\"50\" height=\"50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"25\" cy=\"25\" r=\"23\" stroke-width=\"2\" fill=\"none\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n                              \n                                    <img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"262\" src=\"https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-7.png\" class=\"event-image wp-post-image\" alt=\"\" srcset=\"https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-7.png 563w, https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-7-300x140.png 300w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/>\t\t\t\t\t\t\t\t\t\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"event-item\" data-groups='[&quot;film&quot;]'>\n                                                    <div class=\"event-visual\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/mprinsdesign.nl\/broet\/events\/filmhelpdesk-juni-kunstloc\/\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"event-context-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\tFilmhelpdesk | Juni Kunstloc\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div class=\"arrow\">\n\t\t\t\t\t\t\t\t\t\t\t<svg class=\"circle-border\" width=\"50\" height=\"50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"25\" cy=\"25\" r=\"23\" stroke-width=\"2\" fill=\"none\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n                              \n                                    <img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"262\" src=\"https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-6.png\" class=\"event-image wp-post-image\" alt=\"\" srcset=\"https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-6.png 563w, https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-6-300x140.png 300w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/>\t\t\t\t\t\t\t\t\t\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"event-item\" data-groups='[&quot;in-the-spotlight&quot;]'>\n                                                    <div class=\"event-visual\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/mprinsdesign.nl\/broet\/events\/next-talk-how-to-get-your-film-shown\/\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"event-context-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"inner\">\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\tNext talk: How to get your film shown\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t<div class=\"arrow\">\n\t\t\t\t\t\t\t\t\t\t\t<svg class=\"circle-border\" width=\"50\" height=\"50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<circle cx=\"25\" cy=\"25\" r=\"23\" stroke-width=\"2\" fill=\"none\" \/>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n                              \n                                    <img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"262\" src=\"https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-5.png\" class=\"event-image wp-post-image\" alt=\"\" srcset=\"https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-5.png 563w, https:\/\/mprinsdesign.nl\/broet\/wp-content\/uploads\/2025\/07\/image-5-300x140.png 300w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/>\t\t\t\t\t\t\t\t\t\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n    <\/div>\n\n    <!-- Shuffle.js CDN -->\n    <script src=\"https:\/\/unpkg.com\/shufflejs@5\/dist\/shuffle.min.js\"><\/script>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const container = document.querySelector('.shuffle-container');\n            const Shuffle = window.Shuffle;\n            const shuffleInstance = new Shuffle(container, {\n                itemSelector: '.event-item',\n                speed: 400,\n            });\n\n            document.querySelectorAll('.filter-btn').forEach(function (btn) {\n                btn.addEventListener('click', function () {\n                    document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n                    btn.classList.add('active');\n\n                    const group = btn.getAttribute('data-group');\n                    if (group === 'all') {\n                        shuffleInstance.filter(Shuffle.ALL_ITEMS);\n                    } else {\n                        shuffleInstance.filter(group);\n                    }\n                });\n            });\n        });\n    <\/script>\n\n    <style>\n        *, *::before, *::after {\n            box-sizing: border-box;\n        }\n\n        .event-filter {\n            margin-bottom: 20px;\n            display: flex;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n\n        .filter-btn {\n            background: none;\n            border: none;\n            cursor: pointer;\n            font-weight: bold;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            padding: 5px 10px;\n            font-size: 14px;\n        }\n\n        .filter-btn.active {\n            text-decoration: underline;\n        }\n\n        .event-list {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 30px;\n        }\n\n        .event-item {\n            width: calc(33.333% - 20px);\n            transition: transform 0.4s, opacity 0.4s;\n        }\n\n        @media screen and (max-width: 768px) {\n            .event-item {\n                width: 100%;\n            }\n        }\n    <\/style>\n\n    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1753700602838{padding-top: 100px !important;}&#8221;][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]<\/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,"footnotes":""},"class_list":["post-294","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/pages\/294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":7,"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/pages\/294\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/pages\/294\/revisions\/1186"}],"wp:attachment":[{"href":"https:\/\/mprinsdesign.nl\/broet\/wp-json\/wp\/v2\/media?parent=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}