{"id":612,"date":"2023-07-05T18:44:49","date_gmt":"2023-07-05T18:44:49","guid":{"rendered":"https:\/\/mc7legacy.com\/?page_id=612"},"modified":"2026-08-19T12:56:02","modified_gmt":"2026-08-19T12:56:02","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/mc7legacy.com\/en\/how-it-works\/","title":{"rendered":"How it works"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"612\" class=\"elementor elementor-612\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56c2faf e-flex e-con-boxed e-con e-parent\" data-id=\"56c2faf\" data-element_type=\"container\" data-e-type=\"container\" id=\"mc7-howitworks-root\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c57c83e elementor-widget elementor-widget-heading\" data-id=\"c57c83e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your code. Your story.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b71205 e-con-full e-flex e-con e-child\" data-id=\"5b71205\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dbab06c e-con-full e-flex e-con e-child\" data-id=\"dbab06c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92605f9 elementor-widget elementor-widget-html\" data-id=\"92605f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mc7-qr-reveal\" id=\"mc7QrReveal\">\n  <div class=\"mc7-qr-grid\" id=\"mc7QrGrid\"><\/div>\n  <div class=\"mc7-qr-scanline\" id=\"mc7QrScanline\"><\/div>\n<\/div>\n\n<style>\n.mc7-qr-reveal {\n  position: relative;\n  width: clamp(220px, 45vw, 380px);\n  margin: 0 auto;\n  overflow: hidden;\n  border-radius: 4px;\n}\n.mc7-qr-grid {\n  position: absolute;\n  inset: 0;\n  display: grid;\n}\n.mc7-qr-cell {\n  opacity: 0;\n  background-repeat: no-repeat;\n  transform: scale(0.85);\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out;\n}\n.mc7-qr-cell.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n.mc7-qr-scanline {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 2px;\n  background: #fc0606;\n  box-shadow: 0 0 8px 2px rgba(252,6,6,0.7), 0 0 16px 4px rgba(252,6,6,0.35);\n  opacity: 0;\n  pointer-events: none;\n}\n.mc7-qr-scanline.scanning {\n  animation: mc7ScanMove 0.9s linear forwards, mc7ScanFade 0.9s linear forwards;\n}\n@keyframes mc7ScanMove {\n  0%   { top: 0%; }\n  100% { top: 100%; }\n}\n@keyframes mc7ScanFade {\n  0%   { opacity: 0; }\n  10%  { opacity: 1; }\n  90%  { opacity: 1; }\n  100% { opacity: 0; }\n}\n\n@media (max-width: 1024px) {\n  .mc7-qr-reveal { width: clamp(200px, 50vw, 320px); }\n}\n@media (max-width: 767px) {\n  .mc7-qr-reveal { width: clamp(170px, 55vw, 260px); }\n}\n@media (max-width: 480px) {\n  .mc7-qr-reveal { width: clamp(150px, 60vw, 220px); }\n}\n<\/style>\n\n<script>\n(function() {\n  const QR_URL = \"https:\/\/mc7legacy.com\/wp-content\/uploads\/2026\/05\/QR-CODE-MC7_Plan-de-travail-1-scaled.png\";\n  const GRID_SIZE = 6;\n\n  const reveal = document.getElementById('mc7QrReveal');\n  const grid = document.getElementById('mc7QrGrid');\n  const scanline = document.getElementById('mc7QrScanline');\n  if (!grid) return;\n\n  const img = new Image();\n  img.onload = function() {\n    const ratio = img.naturalHeight \/ img.naturalWidth;\n    reveal.style.aspectRatio = `1 \/ ${ratio}`;\n    buildGrid();\n  };\n  img.onerror = function() {\n    reveal.style.aspectRatio = '1 \/ 1';\n    buildGrid();\n  };\n  img.src = QR_URL;\n\n  function buildGrid() {\n    grid.style.gridTemplateColumns = `repeat(${GRID_SIZE}, 1fr)`;\n    grid.style.gridTemplateRows = `repeat(${GRID_SIZE}, 1fr)`;\n\n    const cells = [];\n    for (let row = 0; row < GRID_SIZE; row++) {\n      for (let col = 0; col < GRID_SIZE; col++) {\n        const cell = document.createElement('div');\n        cell.className = 'mc7-qr-cell';\n        cell.style.backgroundImage = `url('${QR_URL}')`;\n        cell.style.backgroundSize = `${GRID_SIZE * 100}% ${GRID_SIZE * 100}%`;\n        cell.style.backgroundPosition =\n          `${(col \/ (GRID_SIZE - 1)) * 100}% ${(row \/ (GRID_SIZE - 1)) * 100}%`;\n        grid.appendChild(cell);\n        cells.push({ el: cell, diag: row + col });\n      }\n    }\n\n    cells.sort((a, b) => a.diag - b.diag);\n\n    function playAnimation() {\n      cells.forEach((c, i) => {\n        setTimeout(() => c.el.classList.add('visible'), i * 35);\n      });\n\n      \/\/ la ligne de scan ne se d\u00e9clenche qu'une fois la construction termin\u00e9e\n      const buildFinishedTime = (cells.length - 1) * 35 + 300;\n      setTimeout(() => {\n        scanline.classList.add('scanning');\n      }, buildFinishedTime);\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          playAnimation();\n          observer.disconnect();\n        }\n      });\n    }, { threshold: 0.4 });\n\n    observer.observe(reveal);\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d906ab0 e-con-full e-flex e-con e-child\" data-id=\"d906ab0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7c6ab7 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"b7c6ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">01 - create<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ca46b8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8ca46b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-953e10a elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"953e10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create your account.<br \/>Bring your MC7 piece to life.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b2a656 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"6b2a656\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">02- share<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c46cf2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3c46cf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5750490 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5750490\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Share the link of your choice: socials, creations, projects.<br \/>Change your identity at any time, indefinitely.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76603fe elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"76603fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">03- LEAVE A TRACE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c76db0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7c76db0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45be306 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"45be306\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Show who you are.<br \/>Let the world discover you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Votre code. Votre histoire. 01- creez Cr\u00e9ez votre compte.Votre espace MC7 vous permettra de donner vie \u00e0 votre pi\u00e8ce. 02- partagez Partagez le lien de votre choix : r\u00e9seaux, cr\u00e9ations, projets.Changez votre identit\u00e9 \u00e0 tout moment, ind\u00e9finiment. 03- LAISSEZ UNE TRACE Montrez qui vous \u00eates.Laissez le monde vous d\u00e9couvrir.<\/p>","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-612","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/pages\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/comments?post=612"}],"version-history":[{"count":339,"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/pages\/612\/revisions"}],"predecessor-version":[{"id":10905,"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/pages\/612\/revisions\/10905"}],"wp:attachment":[{"href":"https:\/\/mc7legacy.com\/en\/wp-json\/wp\/v2\/media?parent=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}