{"id":8705,"date":"2026-03-13T17:12:03","date_gmt":"2026-03-13T16:12:03","guid":{"rendered":"https:\/\/www.okaju.lu\/?page_id=8705"},"modified":"2026-03-13T18:55:25","modified_gmt":"2026-03-13T17:55:25","slug":"newsletter","status":"publish","type":"page","link":"https:\/\/www.okaju.lu\/pt-pt\/newsletter\/","title":{"rendered":"Newsletter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8705\" class=\"elementor elementor-8705\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eff823d e-flex e-con-boxed e-con e-parent\" data-id=\"eff823d\" 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-f135904 elementor-widget elementor-widget-heading\" data-id=\"f135904\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Newsletter de l'OKAJU<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-784897b elementor-widget elementor-widget-text-editor\" data-id=\"784897b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un concentr\u00e9 d\u2019actualit\u00e9s, d\u2019activit\u00e9s, de ressources et de recommandations pour mieux comprendre et soutenir les enfants et jeunes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f35c8f0 elementor-widget elementor-widget-html\" data-id=\"f35c8f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== MULTI-PREVIEW, 2-COLUMN GRID ===== -->\r\n\r\n<div class=\"mj-grid\">\r\n\r\n  <!-- Card 1 (edit only the data-link) -->\r\n  <div class=\"mj-container\" data-link=\"https:\/\/links.comgouv.lu\/nl3\/K4M0UG4LMfJJgftyIhX_mg?hl=fr\">\r\n    <div class=\"mj-frame\">\r\n      <iframe \r\n        src=\"\" \r\n        class=\"mj-iframe\"\r\n        width=\"100%\" \r\n        height=\"680\" \r\n        style=\"border:none; overflow:hidden;\" \r\n        scrolling=\"no\">\r\n      <\/iframe>\r\n\r\n      <!-- Hover overlay -->\r\n      <a href=\"\" class=\"mj-overlay\" target=\"_blank\" rel=\"noopener\">\r\n        OUVRIR LA NEWSLETTER\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Card 2 -->\r\n  <div class=\"mj-container\" data-link=\"https:\/\/links.comgouv.lu\/nl3\/Rndk4n3pIGBCtX9XiPauHQ?hl=fr\">\r\n    <div class=\"mj-frame\">\r\n      <iframe \r\n        src=\"\" \r\n        class=\"mj-iframe\"\r\n        width=\"100%\" \r\n        height=\"680\" \r\n        style=\"border:none; overflow:hidden;\" \r\n        scrolling=\"no\">\r\n      <\/iframe>\r\n      <a href=\"\" class=\"mj-overlay\" target=\"_blank\" rel=\"noopener\">\r\n        OUVRIR LA NEWSLETTER\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Card 3 (optional \u2013 duplicate as needed) -->\r\n  <div class=\"mj-container\" data-link=\"https:\/\/links.comgouv.lu\/nl3\/cxjQd0e3OIJijWAessjI1w?hl=fr\">\r\n    <div class=\"mj-frame\">\r\n      <iframe \r\n        src=\"\" \r\n        class=\"mj-iframe\"\r\n        width=\"100%\" \r\n        height=\"680\" \r\n        style=\"border:none; overflow:hidden;\" \r\n        scrolling=\"no\">\r\n      <\/iframe>\r\n      <a href=\"\" class=\"mj-overlay\" target=\"_blank\" rel=\"noopener\">\r\n        OUVRIR LA NEWSLETTER\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Card  (optional \u2013 duplicate as needed) -->\r\n  <div class=\"mj-container\" data-link=\"https:\/\/links.comgouv.lu\/nl3\/u-VTJTd8QWUlbq1dagrxIg?hl=fr\">\r\n    <div class=\"mj-frame\">\r\n      <iframe \r\n        src=\"\" \r\n        class=\"mj-iframe\"\r\n        width=\"100%\" \r\n        height=\"680\" \r\n        style=\"border:none; overflow:hidden;\" \r\n        scrolling=\"no\">\r\n      <\/iframe>\r\n      <a href=\"\" class=\"mj-overlay\" target=\"_blank\" rel=\"noopener\">\r\n        OUVRIR LA NEWSLETTER\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* ===== Layout: 2-column responsive grid ===== *\/\r\n  .mj-grid {\r\n    display: grid;\r\n    gap: 28px;\r\n    grid-template-columns: 1fr;               \/* mobile: 1 column *\/\r\n  }\r\n  @media (min-width: 768px) {                 \/* tablet & up: 2 columns *\/\r\n    .mj-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  \/* ===== Your existing styles (kept) ===== *\/\r\n  .mj-frame {\r\n    position: relative;\r\n    border: 1px solid #e9e9e9;\r\n    overflow: hidden;\r\n    background: #fff; \/* keeps area white while loading *\/\r\n  }\r\n\r\n  \/* Full overlay on hover *\/\r\n  .mj-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.1); \/* set to 0.9 if you want 90% *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 1.2em;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    opacity: 0;\r\n    transition: opacity .25s ease;\r\n    z-index: 10;\r\n  }\r\n  .mj-overlay,\r\n  .mj-overlay:link,\r\n  .mj-overlay:visited,\r\n  .mj-overlay:hover,\r\n  .mj-overlay:active {\r\n    color: #fff !important; \/* always white, even as a link *\/\r\n  }\r\n  .mj-frame:hover .mj-overlay { opacity: 1; }\r\n\r\n  \/* Best-effort scrollbar removal (cross-domain limitation) *\/\r\n  .mj-iframe::-webkit-scrollbar { display: none; }\r\n  .mj-iframe { scrollbar-width: none; }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Initialize every card: set iframe src + overlay href from data-link\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    document.querySelectorAll(\".mj-container\").forEach(container => {\r\n      const link = container.getAttribute(\"data-link\");\r\n      const iframe = container.querySelector(\".mj-iframe\");\r\n      const overlay = container.querySelector(\".mj-overlay\");\r\n      if (link && iframe && overlay) {\r\n        iframe.src = link;\r\n        overlay.href = link;\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9f838b e-flex e-con-boxed e-con e-parent\" data-id=\"f9f838b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3592e54 elementor-widget elementor-widget-html\" data-id=\"3592e54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe data-w-type=\"embedded\" frameborder=\"10\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/links.comgouv.lu\/wgt\/0v31r\/0hsn\/form?c=b5af0a1b\" width=\"100%\" style=\"height: 0;\"><\/iframe>\r\n\r\n<script type=\"text\/javascript\" src=\"https:\/\/app.mailjet.com\/pas-nc-embedded-v2.js\"><\/script>\r\n\t\t\t\t<\/div>\n\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":"<p>Newsletter de l&#8217;OKAJU Un concentr\u00e9 d\u2019actualit\u00e9s, d\u2019activit\u00e9s, de ressources et de recommandations pour mieux comprendre et soutenir les enfants et jeunes. OUVRIR LA NEWSLETTER OUVRIR LA NEWSLETTER OUVRIR LA NEWSLETTER OUVRIR LA NEWSLETTER<\/p>\n","protected":false},"author":4,"featured_media":6726,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"article-cdie":[],"dossier":[],"class_list":["post-8705","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/pages\/8705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/comments?post=8705"}],"version-history":[{"count":94,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/pages\/8705\/revisions"}],"predecessor-version":[{"id":8807,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/pages\/8705\/revisions\/8807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/media\/6726"}],"wp:attachment":[{"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/media?parent=8705"}],"wp:term":[{"taxonomy":"article-cdie","embeddable":true,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/article-cdie?post=8705"},{"taxonomy":"dossier","embeddable":true,"href":"https:\/\/www.okaju.lu\/pt-pt\/wp-json\/wp\/v2\/dossier?post=8705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}