{"id":11,"date":"2024-03-28T13:49:16","date_gmt":"2024-03-28T13:49:16","guid":{"rendered":"https:\/\/april-fool.zen-apps.com\/?page_id=11"},"modified":"2024-03-29T12:04:48","modified_gmt":"2024-03-29T12:04:48","slug":"poisson-davril","status":"publish","type":"page","link":"https:\/\/april-fool.zen-apps.com\/","title":{"rendered":"Poisson d&rsquo;avril"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efc9378 e-flex e-con-boxed e-con e-parent\" data-id=\"efc9378\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-573b995 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"573b995\" data-element_type=\"widget\" id=\"fool\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"485\" height=\"514\" src=\"https:\/\/april-fool.zen-apps.com\/wp-content\/uploads\/2024\/03\/monbonpoisson.png\" class=\"attachment-large size-large wp-image-308\" alt=\"\" srcset=\"https:\/\/april-fool.zen-apps.com\/wp-content\/uploads\/2024\/03\/monbonpoisson.png 485w, https:\/\/april-fool.zen-apps.com\/wp-content\/uploads\/2024\/03\/monbonpoisson-283x300.png 283w\" sizes=\"(max-width: 485px) 100vw, 485px\" \/>\t\t\t\t\t\t\t\t\t\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-b265ff2 e-flex e-con-boxed e-con e-parent\" data-id=\"b265ff2\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47869c7 elementor-widget elementor-widget-html\" data-id=\"47869c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Texte progressif<\/title>\r\n<style>\r\n    #text-container {\r\n        font-family: Libre franklin;\r\n        color: #fc0;\r\n        text-align: center;\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        white-space: nowrap; \/* Pour \u00e9viter le saut de ligne *\/\r\n        overflow: hidden; \/* Pour cacher le texte qui d\u00e9passe *\/\r\n        border-right: .15em solid orange; \/* Effet de clignotement du curseur *\/\r\n    }\r\n    \r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"text-container\"><\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    var textElement = document.getElementById('text-container');\r\n    var text = \"Tu es tomb\u00e9(e) comme un bleu\";\r\n    var index = 0;\r\n\r\n    function writeText() {\r\n        textElement.textContent = text.substring(0, index);\r\n        index++;\r\n\r\n        if (index <= text.length) {\r\n            setTimeout(writeText, 100); \/\/ Temps d'attente entre chaque caract\u00e8re (en millisecondes)\r\n        }\r\n    }\r\n\r\n    writeText();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bd0602 elementor-widget elementor-widget-heading\" data-id=\"0bd0602\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Prank aussi tes proches<\/h2>\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-3151f90 e-flex e-con-boxed e-con e-parent\" data-id=\"3151f90\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb8bf2e elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"eb8bf2e\" data-element_type=\"widget\" id=\"prank\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">pranker<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279164a elementor-widget elementor-widget-html\" data-id=\"279164a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\ndocument.getElementById(\"prank\").addEventListener(\"click\", function() {\r\n    \/\/ R\u00e9cup\u00e9rer la hauteur de la fen\u00eatre\r\n    var windowHeight = window.innerHeight;\r\n    \r\n    \/\/ Calculer la position de scroll pour atteindre 20% de la hauteur de la fen\u00eatre\r\n    var scrollPosition = windowHeight * 0.8;\r\n    \r\n    \/\/ Faire d\u00e9filer la page vers le bas jusqu'\u00e0 la position calcul\u00e9e\r\n    window.scrollBy({\r\n        top: scrollPosition,\r\n        behavior: 'smooth' \/\/ Pour un d\u00e9filement fluide\r\n    });\r\n});\r\n<\/script>\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-7252eea e-flex e-con-boxed e-con e-parent\" data-id=\"7252eea\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66028ce elementor-widget elementor-widget-spacer\" data-id=\"66028ce\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc73d11 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"cc73d11\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cartes Slide Vers la Gauche<\/title>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\"\/>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick-theme.min.css\"\/>\r\n<style>\r\n    .card1,.card2,.card3,.card4,.card5,.card6,.card7 {\r\n        width:100px;\r\n        height: 150px;\r\n        background-color: #ffffff;\r\n        border: 1px solid #ccc;\r\n        border-radius: 5px;\r\n        margin: 20px auto;\r\n        padding: -10px;\r\n        cursor: pointer;\r\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 2); \r\n    }\r\n    .slider{\r\n    \r\n        display: block;\r\n         width:250px;\r\n         align-content: center;\r\n         margin-left: 24px;\r\n         \r\n    }\r\n    \r\n.selected {\r\n        background-color: #ffcc00; \/* Couleur lorsque le card est s\u00e9lectionn\u00e9 *\/\r\n        background-color: #ffcc00;\r\n    box-shadow: 0 4px 8px rgba(1, 0, 0, 0.2);\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<form id=\"april-fool-form\">\r\n\r\n  <div>\r\n    <h4>Renseigne tes informations ci-dessous pour faire un Poisson d'Avril \u00e0 tes proches<\/h4>\r\n  <\/div>\r\n  <div>\r\n    <label for=\"name\">Ton Nom \/ Pr\u00e9nom<\/label>\r\n    <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Your Name\" required>\r\n  <\/div>\r\n\r\n  <div>\r\n    <label for=\"phone\">Ton Num\u00e9ro de T\u00e9l\u00e9phone<\/label>\r\n    <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Your Phone Number\" required>\r\n  <\/div>\r\n\r\n  <div>\r\n    <label for=\"receiver-name\">Nom du recepteur<\/label>\r\n    <input type=\"text\" id=\"receiver-name\" name=\"receiver-name\" placeholder=\" Receiver name\" required>\r\n  <\/div>\r\n  \r\n   <div>\r\n    <label for=\"receiver-name\">Num\u00e9ro de T\u00e9l\u00e9phone du r\u00e9cepteur<\/label>\r\n    <input type=\"tel\" id=\"receiver-phone\" name=\"receiver-phone\" placeholder=\"The Receiver phone number\" required>\r\n  <\/div>\r\n\r\n <div style=\"margin-top:10px;\">\r\n    <label for=\"prank-type\">Choisis ton message du poisson d\u2019avril<\/label>\r\n   <\/div>\r\n   <div class=\"slider\">\r\n  <div class=\"card1\" onclick=\"selectCard(this)\">\r\n      <h3>Je Divorce<\/h3>\r\n      <h5>Ch\u00e9ri, je crois que nous avons atteint un point o\u00f9 rester ensemble ne fait que nous causer plus de douleur. Peut-\u00eatre est-il pr\u00e9f\u00e9rable pour nous de mettre fin \u00e0 notre mariage. <\/h5>\r\n      <span style=\"display: none\">Desole<\/span>\r\n  <\/div>\r\n  <div class=\"card2\" onclick=\"selectCard(this)\">\r\n      <h3>Je t'ai tromp\u00e9<\/h3>\r\n      <h5>Mon amour, je dois \u00eatre honn\u00eate avec toi... J'ai commis une grave erreur. J'ai trahi ta confiance et je t'ai tromp\u00e9. Je ne sais pas comment te demander pardon. <\/h5>\r\n      <span style=\"display: none\">Mon bae<\/span>\r\n  <\/div>\r\n  <div class=\"card3\" onclick=\"selectCard(this)\">\r\n      <h3>R\u00e9sultat du test ADN<\/h3>\r\n      <h5>Mon amour, j'ai gard\u00e9 ce secret trop longtemps... Je sais depuis des ann\u00e9es que tu n'es pas le p\u00e8re biologique de nos enfants. Je suis tellement d\u00e9sol\u00e9e de ne pas t'avoir dit plus t\u00f4t. <\/h5>\r\n      <span style=\"display: none\">Clinique M<\/span>\r\n  <\/div>\r\n  <div class=\"card4\" onclick=\"selectCard(this)\">\r\n      <h3>Je me suis mari\u00e9<\/h3>\r\n      <h5>Je n'ai pas eu le temps de t'en informer. <\/h5>\r\n      <span style=\"display: none\">Invitation<\/span>\r\n  <\/div>\r\n  <div class=\"card5\" onclick=\"selectCard(this)\">\r\n      <h3>Je suis enceinte<\/h3>\r\n      <h5>Mon c\u0153ur est lourd... J'ai fait un test de grossesse et il est positif. Je ne sais pas comment te le dire, mais je suis enceinte. Nous devons en discuter s\u00e9rieusement. <\/h5>\r\n      <span style=\"display: none\">Coucou<\/span>\r\n  <\/div>\r\n  <div class=\"card6\" onclick=\"selectCard(this)\">\r\n      <h3>Je suis au Canada<\/h3>\r\n      <h5>D\u00e9sol\u00e9e de te le dire ainsi, mais je suis au Canada maintenant.Les choses ont chang\u00e9 rapidement, mais je voulais te le dire le plus t\u00f4t possible. <\/h5>\r\n      <span style=\"display: none\">1 41612 456<\/span>\r\n  <\/div>\r\n  <div class=\"card7\" onclick=\"selectCard(this)\">\r\n      <h3>Je D\u00e9missionne<\/h3>\r\n      <h5>Apr\u00e8s r\u00e9flexion, j'ai d\u00e9cid\u00e9 de d\u00e9missionner. Ce fut un plaisir de travailler avec toi, et je te remercie pour cette exp\u00e9rience enrichissante. <\/h5>\r\n      <span style=\"display: none\">Demission<\/span>\r\n      \r\n  <\/div>\r\n<\/div> \r\n\r\n<div style=\"display:none;\">\r\n    <input type=\"text\" id=\"donnees_form\" name=\"donnees_form\" placeholder=\" Name\" >\r\n  <\/div>\r\n<center>\r\n<input type=\"submit\" value=\"Envoyer \/ Submit\"><\/center>\r\n<\/form>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n<script>\r\n\/\/ Variable pour stocker les informations du card s\u00e9lectionn\u00e9\r\nlet selectedCardInfo = '';\r\n\r\nfunction selectCard(element) {\r\n    \/\/ Retirer la classe \"selected\" de tous les cards\r\n    var cards = document.querySelectorAll('.card');\r\n    cards.forEach(function(card) {\r\n        card.classList.remove('selected');\r\n    });\r\n    \r\n    \/\/ Ajouter la classe \"selected\" au card cliqu\u00e9\r\n    element.classList.add('selected');\r\n    \r\n    \/\/ R\u00e9cup\u00e9rer les informations du card s\u00e9lectionn\u00e9\r\n    selectedCardInfo = element.innerHTML.trim();\r\n}\r\n\r\n$(document).ready(function(){\r\n  $('.slider').slick({\r\n    slidesToShow: 3,\r\n    slidesToScroll: 1,\r\n    autoplay: false,\r\n    dots: false,\r\n    arrows: true,\r\n    responsive: [\r\n      {\r\n        breakpoint: 768,\r\n        settings: {\r\n          slidesToShow: 1\r\n        }\r\n      }\r\n    ]\r\n  });\r\n});\r\n\r\n\/\/ Soumission du formulaire\r\ndocument.getElementById('april-fool-form').addEventListener('submit', function(event) {\r\n    event.preventDefault(); \/\/ Emp\u00eacher le comportement par d\u00e9faut du formulaire\r\n    \r\n    \/\/ R\u00e9cup\u00e9rer les valeurs des champs du formulaire\r\n    const name = document.getElementById('name').value;\r\n    const phone = document.getElementById('phone').value;\r\n    const receiverName = document.getElementById('receiver-name').value;\r\n    const receiverPhone = document.getElementById('receiver-phone').value;\r\n   \r\n    const selectedCardTitle = document.querySelector('.selected h3').textContent;\r\n    const selectedCardContent = document.querySelector('.selected h5').textContent;\r\n    const selectedCardSenderId = document.querySelector('.selected span').textContent;\r\n  \r\n    \/\/ Construction de l'URL de l'API avec les param\u00e8tres de requ\u00eate\r\n    const url = `https:\/\/april-fool.zen-apps.com\/api\/index.php?name=${encodeURIComponent(name)}&phone=${encodeURIComponent(phone)}&receiverName=${encodeURIComponent(receiverName)}&receiverPhone=${encodeURIComponent(receiverPhone)}&selectedCardTitle=${encodeURIComponent(selectedCardTitle)}&selectedCardContent=${encodeURIComponent(selectedCardContent)}&selectedCardSenderId=${encodeURIComponent(selectedCardSenderId)}`;\r\n\r\n    \/\/ Effectuer la requ\u00eate GET \u00e0 l'API\r\n    fetch(url)\r\n        .then(response => {\r\n            if (response.ok) {\r\n                return response.json();\r\n            } else {\r\n                throw new Error('Erreur de requ\u00eate');\r\n            }\r\n        })\r\n        .then(data => {\r\n            \/\/ Traiter la r\u00e9ponse de l'API\r\n            console.log(data);\r\n            alert('Ton poisson d\\'avril a \u00e9t\u00e9 envoy\u00e9 avec succ\u00e8s');\r\n        })\r\n        .catch(error => {\r\n            \/\/ G\u00e9rer les erreurs\r\n            console.error(error);\r\n            alert('Une erreur s\\'est produite lors de la soumission des informations. Veuillez r\u00e9essayer.');\r\n        });\r\n\r\n    \/\/ R\u00e9initialiser le formulaire si n\u00e9cessaire\r\n    document.getElementById('april-fool-form').reset();\r\n});\r\n<\/script>\r\n <\/body>\r\n<\/html>\r\n\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>Texte progressif Prank aussi tes proches pranker Cartes Slide Vers la Gauche Renseigne tes informations ci-dessous pour faire un Poisson d&rsquo;Avril \u00e0 tes proches Ton Nom \/ Pr\u00e9nom Ton Num\u00e9ro de T\u00e9l\u00e9phone Nom du recepteur Num\u00e9ro de T\u00e9l\u00e9phone du r\u00e9cepteur Choisis ton message du poisson d\u2019avril Je Divorce Ch\u00e9ri, je crois que nous avons atteint [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":224,"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":364,"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/364"}],"wp:attachment":[{"href":"https:\/\/april-fool.zen-apps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}