{"id":91267,"date":"2024-02-03T09:44:13","date_gmt":"2024-02-03T09:44:13","guid":{"rendered":"https:\/\/benoit-barbagli.com\/technical-test\/slapsh-page\/"},"modified":"2024-02-03T09:44:13","modified_gmt":"2024-02-03T09:44:13","slug":"slapsh-page","status":"publish","type":"page","link":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/","title":{"rendered":"Slapsh Page"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;none&#8221; z_index=&#8221;500&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;500000&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; disabled_on=&#8221;on|on|on&#8221; disabled]<\/p>\n<div id=\"preloader\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"logo-container\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png\" alt=\"Logo\" id=\"preloader-logo\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"spinner\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"button-container\"><!-- [et_pb_line_break_holder] -->    <button class=\"preloader-button\" onclick=\"hidePreloader('immersif')\">Immersive Site<\/button><!-- [et_pb_line_break_holder] -->    <button class=\"preloader-button\" onclick=\"hidePreloader('institutionnel')\">Clerk&#8217;s entrance<\/button><!-- [et_pb_line_break_holder] -->    <button class=\"preloader-button\" onclick=\"hidePreloader('ia')\">IA version (in dev) <\/button> <!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->#preloader {<!-- [et_pb_line_break_holder] -->  position: fixed;<!-- [et_pb_line_break_holder] -->  top: 0;<!-- [et_pb_line_break_holder] -->  left: 0;<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  height: 100%;<!-- [et_pb_line_break_holder] -->  background-color: #111;<!-- [et_pb_line_break_holder] -->  z-index: 9999;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.logo-container {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 35%;  \/* Ajust\u00e9 \u00e0 35% *\/<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#preloader-logo {<!-- [et_pb_line_break_holder] -->  max-width: 200px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.spinner {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 40%;  \/* Ajust\u00e9 \u00e0 45% *\/<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  width: 50px;<!-- [et_pb_line_break_holder] -->  height: 50px;<!-- [et_pb_line_break_holder] -->  border: 5px solid rgba(255, 255, 255, 0.3);<!-- [et_pb_line_break_holder] -->  border-radius: 50%;<!-- [et_pb_line_break_holder] -->  border-top: 5px solid white;<!-- [et_pb_line_break_holder] -->  animation: spin 1s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ... Votre autre CSS ... *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes spin {<!-- [et_pb_line_break_holder] -->  0% { transform: translate(-50%, -50%) rotate(0deg); }<!-- [et_pb_line_break_holder] -->  100% { transform: translate(-50%, -50%) rotate(360deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-container {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 60%;<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.preloader-button {<!-- [et_pb_line_break_holder] -->  padding: 10px 20px;<!-- [et_pb_line_break_holder] -->  margin: 5px;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Votre code CSS existant *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Requ\u00eate m\u00e9dia pour les \u00e9crans de taille r\u00e9duite (jusqu'\u00e0 768px de large) *\/<!-- [et_pb_line_break_holder] -->\/* Requ\u00eate m\u00e9dia pour les \u00e9crans de taille r\u00e9duite (jusqu'\u00e0 768px de large) *\/<!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 768px) {<!-- [et_pb_line_break_holder] -->  .logo-container {<!-- [et_pb_line_break_holder] -->    top: 30%;  \/* Ajustement de la position *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #preloader-logo {<!-- [et_pb_line_break_holder] -->    max-width: 150px;  \/* Moins de r\u00e9duction de la taille du logo *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .spinner {<!-- [et_pb_line_break_holder] -->    top: 50%;  \/* Ajustement de la position *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .button-container {<!-- [et_pb_line_break_holder] -->    top: 70%;  \/* Ajustement de la position *\/<!-- [et_pb_line_break_holder] -->    display: flex;  \/* Utilisation de Flexbox *\/<!-- [et_pb_line_break_holder] -->    flex-direction: column;  \/* Empilement vertical *\/<!-- [et_pb_line_break_holder] -->    align-items: center;  \/* Centrage horizontal *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #btn {<!-- [et_pb_line_break_holder] -->    font-size: 30px;  \/* R\u00e9duction mod\u00e9r\u00e9e de la taille du texte *\/<!-- [et_pb_line_break_holder] -->    height: 45px;  \/* R\u00e9duction mod\u00e9r\u00e9e de la hauteur du bouton *\/<!-- [et_pb_line_break_holder] -->    min-width: 120px;  \/* R\u00e9duction mod\u00e9r\u00e9e de la largeur minimale du bouton *\/<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;  \/* Ajout d'une marge en bas pour espacer les boutons *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.fade-out {<!-- [et_pb_line_break_holder] -->  animation: fadeOut 1s ease-out forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes fadeOut {<!-- [et_pb_line_break_holder] -->  from {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  to {<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function hidePreloader(type) {<!-- [et_pb_line_break_holder] -->  if (type === 'immersif') {<!-- [et_pb_line_break_holder] -->    const preloader = document.getElementById('preloader');<!-- [et_pb_line_break_holder] -->    preloader.classList.add('fade-out');<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Supprimer l'\u00e9l\u00e9ment du DOM apr\u00e8s que l'animation soit termin\u00e9e<!-- [et_pb_line_break_holder] -->    setTimeout(() => {<!-- [et_pb_line_break_holder] -->      preloader.style.display = 'none';<!-- [et_pb_line_break_holder] -->    }, 1000);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/\/ Les autres types (institutionnel, ia) ne sont pas encore fonctionnels<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Faire dispara\u00eetre le spinner une fois que la page est charg\u00e9e<!-- [et_pb_line_break_holder] -->window.addEventListener('load', function() {<!-- [et_pb_line_break_holder] -->  document.querySelector('.spinner').style.display = 'none';<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][et_pb_fullwidth_code _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;500000&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243; admin_label=&#8221;Chargement Page d&#8217;acceuil&#8221;]<\/p>\n<div id=\"preloader\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"logo-container\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png\" alt=\"Logo\" id=\"preloader-logo\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"spinner\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"button-container\"><!-- [et_pb_line_break_holder] --><!-- HTML --><!-- [et_pb_line_break_holder] --><button class=\"preloader-button preloader-button-hidden\" onclick=\"hidePreloader('immersif')\">Immersive Site<\/button><!-- [et_pb_line_break_holder] --><button class=\"preloader-button preloader-button-hidden\" onclick=\"hidePreloader('institutionnel')\">Commissioner&#8217;s entrance<\/button><!-- [et_pb_line_break_holder] --><button class=\"preloader-button preloader-button-hidden\" onclick=\"hidePreloader('ia')\">IA version (in dev)<\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->#preloader {<!-- [et_pb_line_break_holder] -->  position: fixed;<!-- [et_pb_line_break_holder] -->  top: 0;<!-- [et_pb_line_break_holder] -->  left: 0;<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  height: 100%;<!-- [et_pb_line_break_holder] -->  background-color: #111;<!-- [et_pb_line_break_holder] -->  z-index: 9999;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.logo-container {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 35%;  \/* Ajust\u00e9 \u00e0 35% *\/<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#preloader-logo {<!-- [et_pb_line_break_holder] -->  max-width: 200px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.spinner {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 40%;  \/* Ajust\u00e9 \u00e0 45% *\/<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  width: 50px;<!-- [et_pb_line_break_holder] -->  height: 50px;<!-- [et_pb_line_break_holder] -->  border: 5px solid rgba(255, 255, 255, 0.3);<!-- [et_pb_line_break_holder] -->  border-radius: 50%;<!-- [et_pb_line_break_holder] -->  border-top: 5px solid white;<!-- [et_pb_line_break_holder] -->  animation: spin 1s linear infinite;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ... Votre autre CSS ... *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes spin {<!-- [et_pb_line_break_holder] -->  0% { transform: translate(-50%, -50%) rotate(0deg); }<!-- [et_pb_line_break_holder] -->  100% { transform: translate(-50%, -50%) rotate(360deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button-container {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 60%;<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.preloader-button {<!-- [et_pb_line_break_holder] -->  padding: 10px 20px;<!-- [et_pb_line_break_holder] -->  margin: 5px;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Votre code CSS existant *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Requ\u00eate m\u00e9dia pour les \u00e9crans de taille r\u00e9duite (jusqu'\u00e0 768px de large) *\/<!-- [et_pb_line_break_holder] -->\/* Requ\u00eate m\u00e9dia pour les \u00e9crans de taille r\u00e9duite (jusqu'\u00e0 768px de large) *\/<!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 768px) {<!-- [et_pb_line_break_holder] -->  .logo-container {<!-- [et_pb_line_break_holder] -->    top: 30%;  \/* Ajustement de la position *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #preloader-logo {<!-- [et_pb_line_break_holder] -->    max-width: 150px;  \/* Moins de r\u00e9duction de la taille du logo *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .spinner {<!-- [et_pb_line_break_holder] -->    top: 50%;  \/* Ajustement de la position *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .button-container {<!-- [et_pb_line_break_holder] -->    top: 70%;  \/* Ajustement de la position *\/<!-- [et_pb_line_break_holder] -->    display: flex;  \/* Utilisation de Flexbox *\/<!-- [et_pb_line_break_holder] -->    flex-direction: column;  \/* Empilement vertical *\/<!-- [et_pb_line_break_holder] -->    align-items: center;  \/* Centrage horizontal *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  #btn {<!-- [et_pb_line_break_holder] -->    font-size: 30px;  \/* R\u00e9duction mod\u00e9r\u00e9e de la taille du texte *\/<!-- [et_pb_line_break_holder] -->    height: 45px;  \/* R\u00e9duction mod\u00e9r\u00e9e de la hauteur du bouton *\/<!-- [et_pb_line_break_holder] -->    min-width: 120px;  \/* R\u00e9duction mod\u00e9r\u00e9e de la largeur minimale du bouton *\/<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;  \/* Ajout d'une marge en bas pour espacer les boutons *\/<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.fade-out {<!-- [et_pb_line_break_holder] -->  animation: fadeOut 1s ease-out forwards;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes fadeOut {<!-- [et_pb_line_break_holder] -->  from {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  to {<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* CSS *\/<!-- [et_pb_line_break_holder] -->.preloader-button-hidden {<!-- [et_pb_line_break_holder] -->  display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/\/ JavaScript<!-- [et_pb_line_break_holder] -->function hidePreloader(type) {<!-- [et_pb_line_break_holder] -->  if (type === 'immersif') {<!-- [et_pb_line_break_holder] -->    const preloader = document.getElementById('preloader');<!-- [et_pb_line_break_holder] -->    preloader.classList.add('fade-out');<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Supprimer l'\u00e9l\u00e9ment du DOM apr\u00e8s que l'animation soit termin\u00e9e<!-- [et_pb_line_break_holder] -->    setTimeout(() => {<!-- [et_pb_line_break_holder] -->      preloader.style.display = 'none';<!-- [et_pb_line_break_holder] -->    }, 1000);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/\/ Les autres types (institutionnel, ia) ne sont pas encore fonctionnels<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Faire dispara\u00eetre le spinner et afficher les boutons une fois que la page est charg\u00e9e<!-- [et_pb_line_break_holder] -->window.addEventListener('load', function() {<!-- [et_pb_line_break_holder] -->  document.querySelector('.spinner').style.display = 'none';<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  const buttons = document.querySelectorAll('.preloader-button-hidden');<!-- [et_pb_line_break_holder] -->  buttons.forEach(button => {<!-- [et_pb_line_break_holder] -->    button.style.display = 'block';<!-- [et_pb_line_break_holder] -->    button.classList.remove('preloader-button-hidden');<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_map _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_map][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_map _builder_version=&#8221;4.22.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_map][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":91128,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-91267","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Slapsh Page - benoit-barbagli.com<\/title>\n<meta name=\"description\" content=\"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Slapsh Page - benoit-barbagli.com\" \/>\n<meta property=\"og:description\" content=\"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/\" \/>\n<meta property=\"og:site_name\" content=\"benoit-barbagli.com\" \/>\n<meta property=\"og:image\" content=\"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/\",\"url\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/\",\"name\":\"Slapsh Page - benoit-barbagli.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo-contour-blanc@10x.png\",\"datePublished\":\"2024-02-03T09:44:13+00:00\",\"description\":\"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/#primaryimage\",\"url\":\"http:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo-contour-blanc@10x.png\",\"contentUrl\":\"http:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/Logo-contour-blanc@10x.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/slapsh-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"~Technical test\",\"item\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/technical-test\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Slapsh Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/\",\"name\":\"benoit-barbagli.com\",\"description\":\"Sous le chaos, la vie\",\"publisher\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#\\\/schema\\\/person\\\/78c8df9be07e5f4f79d983f84aafeefd\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/en\\\/#\\\/schema\\\/person\\\/78c8df9be07e5f4f79d983f84aafeefd\",\"name\":\"benoitbarbagli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\",\"url\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\",\"width\":1713,\"height\":2560,\"caption\":\"benoitbarbagli\"},\"logo\":{\"@id\":\"https:\\\/\\\/benoit-barbagli.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Sisyphe-V-V3-final-scaled.jpg\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slapsh Page - benoit-barbagli.com","description":"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/","og_locale":"en_US","og_type":"article","og_title":"Slapsh Page - benoit-barbagli.com","og_description":"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.","og_url":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/","og_site_name":"benoit-barbagli.com","og_image":[{"url":"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/","url":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/","name":"Slapsh Page - benoit-barbagli.com","isPartOf":{"@id":"https:\/\/benoit-barbagli.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/#primaryimage"},"image":{"@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/#primaryimage"},"thumbnailUrl":"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png","datePublished":"2024-02-03T09:44:13+00:00","description":"Benoit Barbagli vit et travaille \u00e0 ParisIng\u00e9nieur en technologie conceptuelle, \u00e9labore un r\u00e9seau de transmission de pens\u00e9es \u00e0 distance sans interface interm\u00e9diaire. Une technologie qui agit comme un lubrifiant sur les mots et les choses, entre les gestes et les \u00e9motions, pour les assouplir et les connecter. Il utilise pour y parvenir l\u2019amour et la vie.","breadcrumb":{"@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/#primaryimage","url":"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png","contentUrl":"http:\/\/benoit-barbagli.com\/wp-content\/uploads\/2023\/09\/Logo-contour-blanc@10x.png"},{"@type":"BreadcrumbList","@id":"https:\/\/benoit-barbagli.com\/en\/technical-test\/slapsh-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/benoit-barbagli.com\/en\/"},{"@type":"ListItem","position":2,"name":"~Technical test","item":"https:\/\/benoit-barbagli.com\/en\/technical-test\/"},{"@type":"ListItem","position":3,"name":"Slapsh Page"}]},{"@type":"WebSite","@id":"https:\/\/benoit-barbagli.com\/en\/#website","url":"https:\/\/benoit-barbagli.com\/en\/","name":"benoit-barbagli.com","description":"Sous le chaos, la vie","publisher":{"@id":"https:\/\/benoit-barbagli.com\/en\/#\/schema\/person\/78c8df9be07e5f4f79d983f84aafeefd"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benoit-barbagli.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/benoit-barbagli.com\/en\/#\/schema\/person\/78c8df9be07e5f4f79d983f84aafeefd","name":"benoitbarbagli","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg","url":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg","contentUrl":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg","width":1713,"height":2560,"caption":"benoitbarbagli"},"logo":{"@id":"https:\/\/benoit-barbagli.com\/wp-content\/uploads\/2025\/04\/Sisyphe-V-V3-final-scaled.jpg"}}]}},"_links":{"self":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/comments?post=91267"}],"version-history":[{"count":1,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91267\/revisions"}],"predecessor-version":[{"id":91271,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91267\/revisions\/91271"}],"up":[{"embeddable":true,"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/pages\/91128"}],"wp:attachment":[{"href":"https:\/\/benoit-barbagli.com\/en\/wp-json\/wp\/v2\/media?parent=91267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}