{"id":2901,"date":"2026-08-14T00:11:07","date_gmt":"2026-08-13T22:11:07","guid":{"rendered":"https:\/\/joia-studio.com\/?page_id=2901"},"modified":"2026-08-14T00:37:26","modified_gmt":"2026-08-13T22:37:26","slug":"event-workshops","status":"publish","type":"page","link":"https:\/\/joia-studio.com\/fr\/event-workshops\/","title":{"rendered":"Event &amp; Workshops"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2901\" class=\"elementor elementor-2901\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0ccb14 e-flex e-con-boxed e-con e-parent\" data-id=\"a0ccb14\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-760afac elementor-widget elementor-widget-html\" data-id=\"760afac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"joia-evt-wrap\" id=\"joiaEvt\">\n<style>\n#joiaEvt{--olive:#343413;--cream:#F8F5EE;--wine:#4B1A24;--text:#33331F;--border:#E1D9C8;font-family:Helvetica,Arial,sans-serif;color:var(--text);max-width:1140px;margin:0 auto;padding:10px 20px 60px;box-sizing:border-box;}\n#joiaEvt *{box-sizing:border-box;}\n#joiaEvt .je-intro{text-align:center;font-size:16px;line-height:1.6;color:var(--text);max-width:620px;margin:0 auto 28px;}\n#joiaEvt .je-tabs{display:flex;justify-content:center;gap:14px;margin-bottom:16px;flex-wrap:wrap;}\n#joiaEvt .je-tab{font-size:15px;letter-spacing:.5px;text-transform:uppercase;padding:13px 34px;border-radius:999px;border:1.5px solid var(--olive);background:#fff;color:var(--olive);cursor:pointer;font-weight:600;transition:all .2s ease;}\n#joiaEvt .je-tab.active{background:var(--wine);border-color:var(--wine);color:#fff;}\n#joiaEvt .je-note{text-align:center;font-size:12.5px;color:#8a8368;margin:10px 0 28px;font-style:italic;}\n#joiaEvt .je-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,350px));justify-content:center;gap:24px;}\n#joiaEvt .je-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;}\n#joiaEvt .je-img{aspect-ratio:4\/3;width:100%;background:linear-gradient(135deg,#343413,#4B1A24);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);position:relative;}\n#joiaEvt .je-img svg{width:34px;height:34px;opacity:.9;margin-bottom:8px;}\n#joiaEvt .je-img-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.85);}\n#joiaEvt .je-img-inner{display:flex;flex-direction:column;align-items:center;}\n#joiaEvt .je-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex-grow:1;}\n#joiaEvt .je-city{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--wine);font-weight:600;}\n#joiaEvt .je-body h3{margin:0;font-size:18px;color:var(--olive);}\n#joiaEvt .je-date{font-size:13px;color:#8a8368;}\n#joiaEvt .je-desc{font-size:13.5px;line-height:1.5;color:#555;flex-grow:1;}\n#joiaEvt .je-cta{margin-top:10px;align-self:flex-start;padding:10px 24px;border-radius:999px;background:var(--olive);color:#fff;border:none;font-size:13px;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;}\n#joiaEvt .je-empty{grid-column:1\/-1;text-align:center;color:#999;padding:40px 0;font-size:14px;}\n@media(max-width:600px){#joiaEvt .je-tab{padding:11px 22px;font-size:13px;}}\n<\/style>\n\n<div class=\"je-intro\">From movement workshops to community gatherings, our events bring the JOIA community together to connect, recharge, and grow. Take a look at what's coming up in your city.<\/div>\n<div class=\"je-tabs\">\n<button class=\"je-tab active\" data-city=\"bern\">Bern<\/button>\n<button class=\"je-tab\" data-city=\"lausanne\">Lausanne<\/button>\n<button class=\"je-tab\" data-city=\"neuchatel\">Neuch\u00e2tel<\/button>\n<\/div>\n\n<div class=\"je-note\">Upcoming events for August &amp; September \u2014 check back regularly for updates.<\/div>\n\n<div class=\"je-grid\" id=\"jeGrid\"><\/div>\n<\/div>\n\n<script>\n(function(){\nvar state = {city:'bern'};\nvar camera = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z\"\/><circle cx=\"12\" cy=\"13\" r=\"3.5\"\/><\/svg>';\nvar data = [\n{city:'neuchatel',title:'Total Barre Workshop',date:'Sunday, August 23, 2026 \u00b7 11:00 AM<br>Saturday, August 29, 2026 \u00b7 11:00 AM',desc:\"A Total Barre workshop open to all levels.\",link:'https:\/\/backoffice.bsport.io\/m\/JOIA.%20-%20Neuch%C3%A2tel%20_%20Bern\/1954\/workshop\/?isPreview=true&activity__in=259053',img:'https:\/\/joia-studio.com\/wp-content\/uploads\/2026\/08\/total-barre-workshop-2.jpg'}\n];\n\nfunction render(){\nvar grid = document.getElementById('jeGrid');\nvar filtered = data.filter(function(d){ return d.city === state.city; });\ngrid.innerHTML = '';\nif(!filtered.length){\ngrid.innerHTML = '<div class=\"je-empty\">New event coming soon \u2014 stay tuned!<\/div>';\nreturn;\n}\nfiltered.forEach(function(d){\nvar card = document.createElement('div');\ncard.className = 'je-card';\ncard.innerHTML = (d.img?('<div class=\"je-img\" style=\"background-image:url(\\''+d.img+'\\');background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#F8F5EE;\"><\/div>'):('<div class=\"je-img\"><div class=\"je-img-inner\">'+camera+'<\/div><div class=\"je-img-label\">Photo coming soon<\/div><\/div>'))+'<div class=\"je-body\"><div class=\"je-city\">'+d.city+'<\/div><h3>'+d.title+'<\/h3><div class=\"je-date\">'+d.date+'<\/div><div class=\"je-desc\">'+d.desc+'<\/div>'+(d.link?('<a class=\"je-cta\" href=\"'+d.link+'\" target=\"_blank\" rel=\"noopener\">Learn more<\/a>'):'<button class=\"je-cta\">Learn more<\/button>')+'<\/div>';\ngrid.appendChild(card);\n});\n}\n\nvar root = document.getElementById('joiaEvt');\nroot.querySelectorAll('.je-tab').forEach(function(btn){\nbtn.addEventListener('click', function(){\nstate.city = btn.getAttribute('data-city');\nroot.querySelectorAll('.je-tab').forEach(function(b){ b.classList.remove('active'); });\nbtn.classList.add('active');\nrender();\n});\n});\n\nrender();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>From movement workshops to community gatherings, our events bring the JOIA community together to connect, recharge, and grow. Take a look at what&#8217;s coming up in your city. Bern Lausanne Neuch\u00e2tel Upcoming events for August &amp; September \u2014 check back regularly for updates.<\/p>","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-2901","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/pages\/2901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/comments?post=2901"}],"version-history":[{"count":47,"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/pages\/2901\/revisions"}],"predecessor-version":[{"id":3042,"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/pages\/2901\/revisions\/3042"}],"wp:attachment":[{"href":"https:\/\/joia-studio.com\/fr\/wp-json\/wp\/v2\/media?parent=2901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}