{"id":11,"date":"2026-09-30T22:50:45","date_gmt":"2026-09-30T22:50:45","guid":{"rendered":"https:\/\/test.tobedigit.eu\/?page_id=11"},"modified":"2026-09-30T22:50:45","modified_gmt":"2026-09-30T22:50:45","slug":"11-2","status":"publish","type":"page","link":"https:\/\/test.tobedigit.eu\/?page_id=11","title":{"rendered":""},"content":{"rendered":"    <form method=\"POST\" action=\"https:\/\/test.tobedigit.eu\/wp-admin\/admin-post.php\" style=\"max-width: 400px;\">\n        <input type=\"hidden\" name=\"action\" value=\"traiter_formulaire_contact\">\n        \n        <!-- Champ NOM -->\n        <div style=\"margin-bottom: 15px;\">\n            <label for=\"nom\" style=\"display: block; margin-bottom: 5px; font-weight: bold;\">Nom *<\/label>\n            <input type=\"text\" \n                   name=\"nom\" \n                   id=\"nom\" \n                   required \n                   placeholder=\"Entrez votre nom\"\n                   style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;\">\n        <\/div>\n\n        <!-- Champ PRENOM -->\n        <div style=\"margin-bottom: 5px;\">\n            <label for=\"prenom\" style=\"display: block; margin-bottom: 5px; font-weight: bold;\">Pr\u00e9nom *<\/label>\n            <input type=\"text\" \n                   name=\"prenom\" \n                   id=\"prenom\" \n                   required \n                   placeholder=\"Entrez votre pr\u00e9nom\"\n                   style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;\">\n        <\/div>\n\n        <!-- Champ GSM -->\n        <div style=\"margin-bottom: 5px;\">\n            <label for=\"gsm\" style=\"display: block; margin-bottom: 5px; font-weight: bold;\">Num\u00e9ro de GSM *<\/label>\n            <input type=\"tel\" \n                   name=\"gsm\" \n                   id=\"gsm\" \n                   required \n                   placeholder=\"Ex: 0612345678\"\n                   style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;\">\n        <\/div>\n\n        <!-- Champ EMAIL -->\n        <div style=\"margin-bottom: 5px;\">\n            <label for=\"email\" style=\"display: block; margin-bottom: 5px; font-weight: bold;\">Email *<\/label>\n            <input type=\"email\" \n                   name=\"email\" \n                   id=\"email\" \n                   required \n                   placeholder=\"exemple@email.com\"\n                   style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px;\">\n        <\/div>\n\n        <!-- Bouton d'envoi -->\n        <button type=\"submit\" style=\"background-color: #0073aa; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; width: 100%; font-size: 16px;\">\n            Envoyer\n        <\/button>\n    <\/form>\n\n    <!-- Robot d\u00e9pla\u00e7able -->\n    <div style=\"margin-top: 30px; text-align: center;\">\n        <p style=\"color: #666; font-size: 14px; margin-bottom: 10px;\">\ud83d\udc46 Glissez le robot avec la souris!<\/p>\n        <div \n            id=\"robot-deplace\" \n            title=\"Cliquez et glissez-moi!\"\n            style=\"display: inline-block; cursor: grab; user-select: none;\">\n            <span style=\"font-size: 50px; line-height: 1;\">\ud83e\udd16<\/span>\n        <\/div>\n    <\/div>\n\n        <script>\n    (function() {\n        const robot = document.getElementById('robot-deplace');\n        let isDragging = false;\n        \n        let startX, startY;\n        let initialX, initialY;\n\n        \/\/ Quand on commence \u00e0 glisser le robot\n        robot.addEventListener('mousedown', function(e) {\n            isDragging = true;\n            robot.style.cursor = 'grabbing';\n            \n            \/\/ Position de la souris au moment du clic\n            startX = e.clientX;\n            startY = e.clientY;\n            \n            \/\/ Position initiale du robot dans le DOM\n            const rect = robot.getBoundingClientRect();\n            initialX = rect.left;\n            initialY = rect.top;\n        });\n\n        \/\/ Quand on bouge la souris\n        document.addEventListener('mousemove', function(e) {\n            if (!isDragging) return;\n            \n            e.preventDefault();\n            \n            \/\/ Calcul du d\u00e9placement\n            const deltaX = e.clientX - startX;\n            const deltaY = e.clientY - startY;\n\n            \/\/ D\u00e9placement visuel du robot avec transform\n            robot.style.transform = `translate(${deltaX}px, ${deltaY}px)`;\n        });\n\n        \/\/ Quand on rel\u00e2che la souris\n        document.addEventListener('mouseup', function() {\n            if (isDragging) {\n                isDragging = false;\n                robot.style.cursor = 'grab';\n                \n                \/\/ Animation de retour \u00e0 la position initiale\n                setTimeout(function() {\n                    robot.style.transform = 'none';\n                }, 300);\n            }\n        });\n\n        \/\/ Effet hover pour donner du feedback visuel\n        robot.addEventListener('mouseenter', function() {\n            if (!isDragging) {\n                robot.style.transition = 'transform 0.2s ease-out';\n                robot.style.transform = 'scale(1.1) rotate(5deg)';\n            }\n        });\n\n        robot.addEventListener('mouseleave', function() {\n            if (!isDragging) {\n                robot.style.transform = 'none';\n            }\n        });\n\n        \/\/ Petite animation de rebond au chargement de la page\n        window.addEventListener('load', function() {\n            setTimeout(function() {\n                robot.style.transition = 'all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)';\n                robot.style.transform = 'scale(1.2)';\n                \n                setTimeout(function() {\n                    robot.style.transform = 'none';\n                }, 500);\n            }, 300);\n        });\n    })();\n    <\/script>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":1,"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/test.tobedigit.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}