{"id":6,"date":"2026-07-31T19:51:36","date_gmt":"2026-07-31T19:51:36","guid":{"rendered":"https:\/\/johann-monpas.fr\/?page_id=6"},"modified":"2026-07-31T20:39:49","modified_gmt":"2026-07-31T20:39:49","slug":"accueil","status":"publish","type":"page","link":"https:\/\/johann-monpas.fr\/","title":{"rendered":""},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\nbody {\n    margin: 0;\n    background: linear-gradient(135deg, #004e64 0%, #00a8cc 50%, #7ae7c7 100%);\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: sans-serif;\n  }\n \n  .archipel {\n    width: 90%;\n    max-width: 900px;\n  }\n \n  .ile {\n    cursor: pointer;\n    transition: transform 0.4s ease, filter 0.4s ease;\n    transform-origin: center;\n    \/* petite animation de flottement en continu *\/\n    animation: flotter 6s ease-in-out infinite;\n  }\n \n  .ile:hover {\n    transform: translateY(-6px) scale(1.03);\n    filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.25));\n  }\n \n  .ile-label {\n    font-size: 14px;\n    font-weight: 600;\n    fill: #ffffff;\n    text-anchor: middle;\n    pointer-events: none;\n  }\n \n  .ile-sous-label {\n    font-size: 10px;\n    fill: rgba(255, 255, 255, 0.85);\n    text-anchor: middle;\n    pointer-events: none;\n  }\n \n  \/* d\u00e9cale le timing de chaque \u00eele pour que \u00e7a ne flotte pas de mani\u00e8re synchronis\u00e9e *\/\n  .ile:nth-child(1) { animation-delay: 0s; }\n  .ile:nth-child(2) { animation-delay: -2s; }\n  .ile:nth-child(3) { animation-delay: -4s; }\n \n  @keyframes flotter {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-5px); }\n  }\n<\/style>\n\n<svg class=\"archipel\" viewBox=\"0 0 800 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n  <!-- \u00cele 1 : Projets pro -->\n  <a href=\"\/projets-pro\" aria-label=\"Voir les projets pro\">\n    <g class=\"ile\">\n      <ellipse cx=\"200\" cy=\"180\" rx=\"95\" ry=\"60\" fill=\"#2f9e6f\"\/>\n      <ellipse cx=\"200\" cy=\"180\" rx=\"95\" ry=\"60\" fill=\"none\" stroke=\"#1d7a54\" stroke-width=\"2\"\/>\n      <text x=\"200\" y=\"176\" class=\"ile-label\">Projets pro<\/text>\n      <text x=\"200\" y=\"194\" class=\"ile-sous-label\">tech support \u00b7 e-commerce<\/text>\n    <\/g>\n  <\/a>\n \n  <!-- \u00cele 2 : Projets perso -->\n  <a href=\"\/projets-perso\" aria-label=\"Voir les projets perso\">\n    <g class=\"ile\">\n      <ellipse cx=\"520\" cy=\"150\" rx=\"100\" ry=\"62\" fill=\"#e0703f\"\/>\n      <ellipse cx=\"520\" cy=\"150\" rx=\"100\" ry=\"62\" fill=\"none\" stroke=\"#b5552b\" stroke-width=\"2\"\/>\n      <text x=\"520\" y=\"146\" class=\"ile-label\">Projets perso<\/text>\n      <text x=\"520\" y=\"164\" class=\"ile-sous-label\">sites, code, cr\u00e9ations<\/text>\n    <\/g>\n  <\/a>\n \n  <!-- \u00cele 3 : \u00c0 propos -->\n  <a href=\"\/a-propos\" aria-label=\"En savoir plus sur moi\">\n    <g class=\"ile\">\n      <ellipse cx=\"360\" cy=\"310\" rx=\"85\" ry=\"55\" fill=\"#7b6fd6\"\/>\n      <ellipse cx=\"360\" cy=\"310\" rx=\"85\" ry=\"55\" fill=\"none\" stroke=\"#5a4fb0\" stroke-width=\"2\"\/>\n      <text x=\"360\" y=\"306\" class=\"ile-label\">\u00c0 propos<\/text>\n      <text x=\"360\" y=\"324\" class=\"ile-sous-label\">volley, jeux vid\u00e9o, Tahiti<\/text>\n    <\/g>\n  <\/a>\n \n<\/svg>\n","protected":false},"excerpt":{"rendered":"<p>Projets pro tech support \u00b7 e-commerce Projets perso sites, code, cr\u00e9ations \u00c0 propos volley, jeux vid\u00e9o, Tahiti<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":4,"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/johann-monpas.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}