{"id":3659,"date":"2026-07-23T12:43:53","date_gmt":"2026-07-23T10:43:53","guid":{"rendered":"https:\/\/www.icone-neutron.fr\/?page_id=3659"},"modified":"2026-07-23T12:47:20","modified_gmt":"2026-07-23T10:47:20","slug":"actualites-2","status":"publish","type":"page","link":"https:\/\/www.icone-neutron.fr\/en\/actualites-2\/","title":{"rendered":"actualites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3659\" class=\"elementor elementor-3659\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b41da7 e-flex e-con-boxed e-con e-parent\" data-id=\"6b41da7\" 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-0debb2b elementor-widget elementor-widget-html\" data-id=\"0debb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ione-blog\" id=\"news\">\r\n    Loading...\r\n<\/div>\r\n\r\n<div class=\"ione-pagination\">\r\n    <button id=\"next\">Next \u2192<\/button>\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nlet page = 1;\r\n\r\nfunction loadArticles(){\r\n\r\n    fetch(\"\/wp-json\/wp\/v2\/posts?per_page=3&page=\" + page)\r\n\r\n    .then(response => response.json())\r\n\r\n    .then(posts => {\r\n\r\n        let zone = document.getElementById(\"news\");\r\n\r\n        zone.innerHTML = \"\";\r\n\r\n        posts.forEach(post => {\r\n\r\n            let excerpt = post.excerpt.rendered\r\n                .replace(\/<[^>]*>\/g, '')\r\n                .substring(0,180);\r\n\r\n\r\n            zone.innerHTML += `\r\n\r\n            <article class=\"ione-post\">\r\n\r\n                <div class=\"ione-content\">\r\n\r\n                    <span class=\"ione-meta\">\r\n                        ${new Date(post.date).toLocaleDateString('en-US')}\r\n                    <\/span>\r\n\r\n\r\n                    <h2>\r\n                        <a href=\"${post.link}\">\r\n                            ${post.title.rendered}\r\n                        <\/a>\r\n                    <\/h2>\r\n\r\n\r\n                    <p>\r\n                        ${excerpt}...\r\n                    <\/p>\r\n\r\n\r\n                    <a class=\"ione-button\" href=\"${post.link}\">\r\n                        Read article\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n            `;\r\n\r\n        });\r\n\r\n    })\r\n\r\n    .catch(error => {\r\n\r\n        document.getElementById(\"news\").innerHTML =\r\n        \"Error: \" + error;\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\ndocument.getElementById(\"next\").onclick = function(){\r\n\r\n    page++;\r\n    loadArticles();\r\n\r\n};\r\n\r\n\r\nloadArticles();\r\n\r\n<\/script>\r\n\r\n\r\n<style>\r\n\r\n.ione-blog { \r\n    max-width: 900px; \r\n    margin: 60px auto; \r\n    background: #ffffff; \r\n    padding: 45px; \r\n    border-radius: 20px; \r\n    box-shadow: 0 10px 35px rgba(0,0,0,0.08); \r\n}\r\n\r\n\/* Article card *\/\r\n.ione-post { \r\n    padding: 35px 0; \r\n    border-bottom: 1px solid #eeeeee; \r\n}\r\n\r\n.ione-post:last-child { \r\n    border-bottom: none; \r\n}\r\n\r\n\/* Date \/ category *\/\r\n.ione-meta { \r\n    display: block; \r\n    font-size: 11px; \r\n    letter-spacing: 2px; \r\n    text-transform: uppercase; \r\n    color: #999; \r\n    margin-bottom: 15px; \r\n}\r\n\r\n\/* Titles *\/\r\n.ione-content h2 { \r\n    margin: 0 0 18px; \r\n    font-size: 32px; \r\n    line-height: 1.25; \r\n    font-weight: 700; \r\n}\r\n\r\n.ione-content h2 a { \r\n    color: #111; \r\n    text-decoration: none; \r\n}\r\n\r\n.ione-content h2 a:hover { \r\n    color: #555; \r\n}\r\n\r\n\/* Summary *\/\r\n.ione-content p { \r\n    color: #666; \r\n    font-size: 16px; \r\n    line-height: 1.8; \r\n    margin-bottom: 25px; \r\n}\r\n\r\n\/* Read button *\/\r\n.ione-button { \r\n    display: inline-block; \r\n    color: #111; \r\n    font-size: 13px; \r\n    font-weight: 600; \r\n    text-transform: uppercase; \r\n    letter-spacing: 1px; \r\n    text-decoration: none; \r\n    border-bottom: 2px solid #111; \r\n    padding-bottom: 5px; \r\n}\r\n\r\n\/* Pagination area *\/\r\n.ione-pagination { \r\n    text-align: center; \r\n    margin: 50px 0; \r\n}\r\n\r\n\/* Next button *\/\r\n.ione-pagination button { \r\n    background: #111; \r\n    color: #fff; \r\n    border: none; \r\n    border-radius: 50px; \r\n    padding: 16px 45px; \r\n    font-size: 14px; \r\n    font-weight: 600; \r\n    text-transform: uppercase; \r\n    letter-spacing: 1px; \r\n    cursor: pointer; \r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.2); \r\n    transition: all .3s ease; \r\n}\r\n\r\n.ione-pagination button:hover { \r\n    background: #333; \r\n    transform: translateY(-3px); \r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:768px){\r\n\r\n    .ione-blog { \r\n        margin: 20px; \r\n        padding: 25px; \r\n        border-radius: 15px; \r\n    }\r\n\r\n    .ione-content h2 { \r\n        font-size: 24px; \r\n    }\r\n\r\n    .ione-pagination button { \r\n        width: 100%; \r\n    }\r\n\r\n}\r\n\r\n<\/style>\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>Loading&#8230; Next \u2192<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3659","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/pages\/3659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/comments?post=3659"}],"version-history":[{"count":7,"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/pages\/3659\/revisions"}],"predecessor-version":[{"id":3667,"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/pages\/3659\/revisions\/3667"}],"wp:attachment":[{"href":"https:\/\/www.icone-neutron.fr\/en\/wp-json\/wp\/v2\/media?parent=3659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}