1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>Boomy, contacter le propriétaire d'un objet perdu.</title> 6 <meta name="description" content="Boomy, contacter le propriétaire d'un objet perdu : vous avez trouvé un objet équipé dâun Qr Code Boomy mais vous ne savez pas comment contacter son propriétaire ? Saisissez le code ici."> 7 <meta name="author" content="Hokoha - AppMobile - AppWeb"> 8 <meta name="robots" content="noindex, nofollow"> 9 10 <!-- Mobile Specific Metas 11 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 12 <meta http-equiv="x-ua-compatible" content="ie=edge"> 13 <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" /> 14 15 <!-- Favicon 16 ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 17 <!-- suivant : https://graphicdesign.stackexchange.com/questions/26946/favicon-best-practices-regarding-size-and-format --> 18 <!-- TODO : icones 19 <link rel="icon" type="image/png" href="/img/favicon/favicon-16x16.png?v2" sizes="16x16"> 20 <link rel="icon" type="image/png" href="/img/favicon/favicon-32x32.png?v2" sizes="32x32"> 21 <link rel="icon" type="image/png" href="/img/favicon/favicon-48x48.png?v2" sizes="48x48"> 22 <link rel="icon" type="image/png" href="/img/favicon/favicon-64x64.png?v2" sizes="64x64"> 23 <link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png?v2" sizes="96x96"> 24 --> 25 26 <!-- Preload --> 27 28 <!-- Fonts --> 29 <link rel="preload" href="/fonts/raleway-extrabold-webfont.woff2" as="font" type="font/woff2" crossorigin> 30 <link rel="preload" href="/fonts/raleway-black-webfont.woff2" as="font" type="font/woff2" crossorigin> 31 <link rel="preload" href="/fonts/raleway-bold-webfont.woff2" as="font" type="font/woff2" crossorigin> 32 <link rel="preload" href="/fonts/raleway-light-webfont.woff2" as="font" type="font/woff2" crossorigin> 33 <link rel="preload" href="/fonts/raleway-medium-webfont.woff2" as="font" type="font/woff2" crossorigin> 34 <link rel="preload" href="/fonts/raleway-regular-webfont.woff2" as="font" type="font/woff2" crossorigin> 35 36 37 38 <style> 39 .wow{visibility: hidden;} 40 </style> 41 42 <!-- Preload --> 43 <!-- Images --> 44 <link rel=preload as=image href="/img/sitePublic/qrcode2.svg?v2" type="image/svg+xml"> 45 <!-- Prefetch --> 46 <link rel="prefetch" href="/img/sitePublic/mode-operatoire/intro.jpg?v2"> 47 48 49 <!-- Styles --> 50 <link href="https://fonts.googleapis.com/css?family=Rubik:400" rel="stylesheet"> 51 52 53 54 <link href="/assets/css/communs.min.css?1.6.0" rel="stylesheet"> 55 <link href="/assets/css/site.min.css?1.6.0" rel="stylesheet"> 56 57 58 <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> 59
59<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
59 60
60<script> 61 window.addEventListener("load", function(){ 62 window.cookieconsent.initialise({ 63 "palette": { 64 "popup": { 65 "background": "rgba(0,0,0,0.7)" 66 }, 67 "button": { 68 "background": "#ff6200" 69 } 70 }, 71 "content": { 72 "message": "En poursuivant votre navigation sur ce site, vous acceptez lâutilisation des cookies", 73 "dismiss": "ACCEPTER LES COOKIES.", 74 "link": "En savoir plus", 75 "href": "/confidentialite" 76 } 77 })}); 78 </script>
78 79 80 81 <link rel="icon" type="image/x-icon" href="/favicon.ico?v2" />
vendor: 72 bytes, lines 81-82
81 82 <script async src="https://www.googletagmanager.com/gtag/js?id=
82UA-135320931-1
vendor: 16 bytes, lines 82-83
82"></script> 83
83<script> 84
vendor: 176 bytes, lines 84-91
84window.dataLayer = window.dataLayer || []; 85 86 function gtag() { 87 dataLayer.push(arguments); 88 } 89 gtag('js', new Date()); 90 91 gtag('config', '
91UA-135320931-1
vendor: 8 bytes, lines 91-92
91'); 92
92</script>
92 93 <!-- Pixel FB --> 94
94<script>
vendor: 416 bytes, lines 94-103
94 95 !function(f,b,e,v,n,t,s) 96 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 97 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 98 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 99 n.queue=[];t=b.createElement(e);t.async=!0; 100 t.src=v;s=b.getElementsByTagName(e)[0]; 101 s.parentNode.insertBefore(t,s)}(window,document,'script', 102 'https://connect.facebook.net/en_US/fbevents.js'); 103 fbq('init', '
103810061869347162
vendor: 34 bytes, lines 103-105
103'); 104 fbq('track', 'PageView'); 105
105</script>
105 106 <noscript> 107 <img height="1" width="1" 108 src="https://www.facebook.com/tr?id=810061869347162&ev=PageView 109 &noscript=1"/> 110 </noscript> 111<!-- End Facebook Pixel Code --> 112 113 </head> 114 <body> 115 <header class="topBar topBarBoomy"> 116 117<div class="grid-container"> 118<div class="grid-x"> 119 120 121 122 <!-- COLONNE LOGO --> 123 <div class="cell small-12 medium-2 text-center topBar__logo"> 124 125 126 127 <a href="/" class="logo " style="flex:1"> 128 <img src="/img/sitePublic/logo.png?v2" alt="Logo de Boomy avec titraille" /> 129 </a> 130 131 <label for="menu_toggle" class="toggleMenu__btToggle"> 132 <i class="fas fa-bars toggleMenu__hamburger" aria-hidden="true"></i> 133 </label> 134 135 136 </div> <!-- FIN COLONNE LOGO --> 137 138 139 <!-- COLONNE MENU --> 140 <input id="menu_toggle" type="checkbox" /> 141 142 <div class="cell medium-10 topBar__menu toggleMenu topMenu "> 143 144 <nav class="topMenu__list"> 145 <li class="topMenu__item"><a class="topMenu__link topMenu__link--underline " href="/" > Home </a></li> 146 <li class="topMenu__item"><a class="topMenu__link topMenu__link--underline " href="/comment-ca-marche" > How does <span class="nowrap">it work?</span> </a></li> 147 <li class="topMenu__item"><a class="topMenu__link topMenu__link--underline topMenu__link--selected " href="/objet-trouve" > Found item </a></li> 148 149 <!-- <li class="topMenu__item"><a class="topMenu__link topMenu__link--underline " href="/faqs" > FREQUENTLY ASKED QUESTIONS </a></li> 150 <li class="topMenu__item"><a class="topMenu__link topMenu__link--underline " href="/contact" > Contact </a></li> 151--> 152 153 <li class="topMenu__item"><a class="topMenu__link topMenu__link--underline " href="/shop/en"> Shop </a></li> 154 155 <!-- User connecté --> 156 <!-- user non connecté --> 157 <li class="topMenu__item"><a class="topMenu__link topMenu__link--guest " href="/mes-objets" > My Boomy items </a></li> 158 159 160 161 <li class="topMenu__item"> 162 <a class="topMenu__link" href="javascript:void(0)" >EN</a> 163 164 <ul class="topMenu__sousMenuList"> 165 <li class="topMenu-sousmenu__item"><a class="topMenu__link" href="/langue/fr">FR</a></li> 166 <li class="topMenu-sousmenu__item"><a class="topMenu__link" href="/langue/en">EN</a></li> 167 </ul> 168 </li> 169 170 171 </li> 172 173 174 </nav> 175 176 </div> <!-- FIN COLONNE MENU --> 177 </div> 178</div> 179</header> 180 181 182 183<style> 184#Calque_1{ 185 position:absolute; 186 z-index: 2; 187opacity: 0.2; 188display:none; 189} 190</style> 191 192 <svg version="1.1" id="Calque_1" class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 193 viewBox="0 0 543.3 458.9" style="enable-background:new 0 0 543.3 458.9;" xml:space="preserve"> 194 <style type="text/css"> 195 .st0{fill:#FFFFFF;} 196 </style> 197 <path class="st0" d="M34.9,110.7C34.3,131.3,280,258.2,270.8,294.9S9.1,425,5.7,447.5s520.8-116.3,531.9-163.4 198 C556,206.6,35.7,84,34.9,110.7z"/> 199 <path class="st0" d="M88.1,7.6c-0.5,15.7,187.5,112.9,180.5,141S68.3,248.1,65.8,265.4c-2.6,17.2,398.5-89,407-125 200 C486.8,81,88.7-12.8,88.1,7.6z"/> 201 </svg> 202 203 204 205 <main> 206 207<section class="section section--creme enteteQr enteteTrouve tchat__section"> 208 <div class="grid-container"> 209 210 211 <div class="grid-x grid-margin-x objetTrouve"> 212 213 <div class="cell large-6 intro" style=""> 214 215 216 217 <h1 >Have you found <span class="nowrap">an item?</span></h1> 218 219 220 221 <div class="grid-x grid-margin-x"> 222 <div class="cell medium-6 large-12 text-center medium-text-left"> 223 224 <p class="lead"> 225 <strong>Simply scan the QR Code</strong> with your phone or <strong>enter the number</strong> just above the code. All you have to do now is chat with the owner of the item you have just found!<br /> 226 227 </p> 228 </div> 229 230 <div class="cell medium-6 large-12"> 231 <div class="grid-x grid-margin-x" > 232 <div class="cell large-3 text-center" > 233 <i class="avantage__ico fas fa-mask"></i> 234 </div> 235 <div class="cell large-9 text-center large-text-left"> 236 <h3 >You remain anonymous</h3> 237 <p> 238 Whether you are the owner of finder, Boomy guarantees you are put through to the other person securely - 100% anonymous. Our services oversee the sending of messages without reveal
238ing your email address or telephone number. 239 </p> 240 </div> 241 </div> 242 </div> 243 </div> 244 </div> 245 246 247 248 249 250<div class="cell large-5 large-offset-1 iframeContainer animated fadeInUp" > 251 252 <div id="formTchat" class="text-center"> 253 <div> 254 255 <h2 class="encart__titre">Contact the owner</h2> 256 <label>QR code number</label> 257 258 259 <div class="inputCtr"> 260 <input class="inptQr" type="text" id="numQrCode1" maxlength="3" /><span class="inter">-</span> 261 <input class="inptQr" type="number" id="numQrCode2" maxlength="3" /><span class="inter">-</span> 262 <input class="inptQr" type="text" id="numQrCode3" maxlength="3" /> 263 </div> 264 265 <input class="inptQr2" type="number" id="numQrCode4" maxlength="2" /> 266 267 <br /> 268 <div id="formTchatMessage"></div> 269 <br /> 270 <button class="button interact-spinner" id="testqrcode" data-urlsuccess=/chat data-urlajax=/api/qrcodes/availability onclick="afficheFrame()"><i class="fas fa-spinner fa-pulse"></i><span class="libelle">Contact</span></button> 271 272 </div> 273 274 275 276 277 278 279 280 </div> 281 282</div> 283 284
285<script> 286 287/** 288 FOCUS PAS à PAS 289 */ 290 var elHtmlQr1 = document.getElementById('numQrCode1'); 291 var elHtmlQr2 = document.getElementById('numQrCode2'); 292 var elHtmlQr3 = document.getElementById('numQrCode3'); 293 var elHtmlQr4 = document.getElementById('numQrCode4'); 294 295 elHtmlQr1.addEventListener('input', function (evt) { 296 if (this.value.length == 3){ 297 elHtmlQr2.focus(); 298 } 299 }); 300 elHtmlQr2.addEventListener('input', function (evt) { 301 if (this.value.length == 3){ 302 elHtmlQr3.focus(); 303 } 304 }); 305 elHtmlQr3.addEventListener('input', function (evt) { 306 if (this.value.length == 3){ 307 elHtmlQr4.focus(); 308 } 309 }); 310 311 312 elHtmlQr4.addEventListener('keypress', function (e) { 313 var key = e.which || e.keyCode; 314 if (key === 13) { // 13 is enter 315 afficheFrame() 316 } 317 }); 318 319 320 321function verifQrcode(code,clef){ 322 323 //Mock 324 var btSubmit = document.getElementById('testqrcode'); 325 var urlajax = btSubmit.getAttribute("data-urlajax"); 326 var urlsuccess = btSubmit.getAttribute("data-urlsuccess"); 327 // Prépare et envoi la requete Ajax vers l'api 328 var xmlHttp = new XMLHttpRequest; 329 xmlHttp.open('GET', urlajax + "?code="+ code +"&clef=" + clef, true); 330 331 xmlHttp.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 332 333 btSubmit.disabled = true; 334 xmlHttp.send(); 335 336 xmlHttp.onreadystatechange = function() { 337 if (xmlHttp.readyState === 4) { 338 if (xmlHttp.status === 200) { 339 340 var result = JSON.parse(xmlHttp.responseText).availability; 341 342 switch(result) { 343 case 0: 344 // Code introuvable 345 document.getElementById('formTchatMessage').innerHTML = 'Unknown QR Code number'; 346 btSubmit.disabled = false; 347 break; 348 case 1 : 349 // Code non attribué 350 document.getElementById('formTchatMessage').innerHTML = "Ce QR Code Boomy n'est pas encore associé à un objet. Scannez ce QR Code avec l'application Boomy."; 351 btSubmit.disabled = false; 352 break; 353 case 3 : 354 // Code trouvé 355 setTimeout(function() { 356 var src = urlsuccess + '?q=' + code + clef +'&iframe=true'; 357 document.getElementById('formTchat').innerHTML = '<iframe id="iframe1" width="100%" class="iframeTchat" src="'+src+'" style="width: 1px; min-width: 100%;" scrolling="no" ></iframe>'; 358 // Fixe bug iOS : scroll obligatoire pour actualiser la liste des messages. 359 document.getElementById('iframe1').goScrollToTop = function() { 360 if(iOS()) { 361 window.scX = window.scX == 0 ? 100 : 0; 362 window.scrollTo({ top: window.scX, behavior: 'smooth' }); 363 } 364 }; 365 btSubmit.disabled = false; 366 }, 3000); // 10 secs 367 368 break; 369 default: 370 document.getElementById('formTchatMessage').innerHTML = 'Unknown QR Code number'; 371 btSubmit.disabled = false; 372 break; 373 // Erreur serveur 374 } 375 376 } else { 377 console.log(xmlHttp.response); 378 } 379 } else { 380 btSubmit.disabled = true; 381 // TODO: Spinner d'attente 382 // still processing 383 } 384 385 }; 386} 387 388function iOS() { 389 return [ 390 'iPad Simulator', 391 'iPhone Simulator', 392 'iPod Simulator', 393 'iPad', 394 'iPhone', 395 'iPod' 396 ].includes(navigator.platform) 397 // iPad on iOS 13 detection 398 || (navigator.userAgent.includes("Mac") && "ontouchend" in document) 399} 400 401 402/** 403 * afficheFrame 404 * Affiche le Tchat dans un iframe suite à la soumission du numéro d'un QrCode 405 * @param {[string]} numQrCode [numéro du qr Code] 406 */ 407function afficheFrame(){ 408 409 var qr1 = document.getElementById('numQrCode1').value; 410 var qr2 = document.getElementById('numQrCode2').value; 411 var qr3 = document.getElementById('numQrCode3').value; 412 var qr4 = document.getElementById('numQrCode4').value; 413 414 415 if ((qr1.length < 3) || (qr2.length < 3) || (qr3.length < 3) || (qr4.length < 2) ){ 416 // Numéro QR Code incomplet 417 document.getElementById('formTchatMessage').innerHTML = 'Please enter the QR Code number'; 418 return; 419 } 420 421 var code = qr1 + qr2 + qr3; 422 var clef = qr4; 423 var numQrCode = qr1 +qr2+qr3+qr4; 424 425 verifQrcode(code,clef); 426} 427 428</script>
428 429 430 431 432 </div> 433 </div> 434</section> 435 436 </main> 437 438 439 440 <aside class="action wow fadeIn"> 441 442 <h2> Download <span class="nowrap">Boomy</span> </h2> 443 444 <!-- Boutons Store --> 445 <a class="store wow fadeInLeft" style="animation-delay:0.55s" href="https://itunes.apple.com/fr/app/boomy/id1454524229" onclick="gtag( 'event' , 'clic' , { 'event_category' : 'store', 'event_label' : 'appleStore'});" target="_blank" rel="noopener"><img class="" width="180" 446 src="/landingPage/img/Interfaces/app-store.png?v2" alt="Bouton pour télécharger l'application via l'App Store"></a> 447 <a class="store wow fadeInRight" style="animation-delay:0.55s" href="https://play.google.com/store/apps/details?id=com.hokoha.boomy" onclick="gtag( 'event' , 'clic' , { 'event_category' : 'store', 'event_label' : 'playStore'});" target="_blank" rel="noopener"><img class="" 448 width="180" src="/landingPage/img/Interfaces/google-play.png?v2" alt="Bouton pour télécharger l'application via Google Play"></a> 449 <p class="accroche wow fadeIn" style="animation-delay:0.8s"> 450 451 <span>Boomy - french innovation inside!</span> 452 <img src="/img/sitePublic/france.png?v2" alt="drapeau France" > 453 </p> 454</aside> 455 456 457 458 <footer class="foot"> 459 460 461 <!-- LOGOTYPE --> 462 <div class="foot__logo"> 463 <img src="/img/sitePublic/logo.png?v2" width="140" alt="Logo de Boomy avec titraille" /> 464 <p class="baseline"> 465 Don't loose ever again, scan! 466 </p> 467 </div> 468 469 470 <!-- MENU PRINCIPAL --> 471 <div class="foot__menu"> 472 <nav class="footMenu"> 473 474 <li class="footMenu__item"><a class="footMenu__link" href="/" > Home </a></li> 475 <li class="footMenu__item"><a class="footMenu__link" href="/comment-ca-marche" > How does <span class="nowrap">it work?</span> </a></li> 476 <li class="footMenu__item"><a class="footMenu__link" href="/objet-trouve" > Found item </a></li> 477 <li class="footMenu__item"><a class="footMenu__link" href="/shop/en" > Shop </a></li> 478 <li class="footMenu__item"><a class="footMenu__link" href="/mes-objets"> My Boomy items </a></li> 479 480 <li class="footMenu__item"><a class="footMenu__link" href="/faqs" > FREQUENTLY ASKED QUESTIONS </a></li> 481 <li class="footMenu__item"><a class="footMenu__link" href="/contact" > Contact </a></li> 482 483 </nav> 484 </div> 485 486 <!-- RESEAUX SOCIAUX --> 487 <div class="foot__social"> 488 <a href="https://www.facebook.com/Boomy-Lapplication-id%C3%A9ale-pour-retrouver-vos-objets-perdus-218475408931000" target="_blank" rel="noopener" ><i class="fab fa-facebook-square"></i></a> 489 <a href="https://www.linkedin.com/company/app-boomy/" target="_blank" rel="noopener" ><i class="fab fa-linkedin"></i></a> 490 <!--<a href="https://www.youtube.com/channel/UCdnkGsPxhRC1diOr5s4NJnw" target="_blank" rel="noopener" ><i class="fab fa-youtube"></i></a>--> 491 492 493 </div> 494 495 <!-- MENU ANNEXE --> 496 <div class="foot__menuAnnexe"> 497 <nav class="footMenu footMenuAnnexe"> 498 <li class="footMenu__item"><a class="footMenu__link" href="/confidentialite" > Privacy policy </a></li> 499 <li class="footMenu__item"><a class="footMenu__link" href="/mentions-legales" > Legal notices </a></li> 500 <li class="footMenu__item"><a class="footMenu__link" href="/CGU-CGV-BOOMY.pdf" target="_blank" rel="noopener" > Terms and Conditions </a></li> 501 </div> 502 </div> 503 504 <!-- MENTIONS--> 505 <div class="foot__mentions"> 506 <p> 507 <small>Boomy.fr | v1.6.0 | ©2026 - MyLecoul - All right reserved - conception and realization <strong><a href="https://www.hokoha.com" target="_blank" rel="noopener" >HOKOHA</a></strong></small> 508 </p> 509 </div> 510 511 512</footer> 513 514 515 <!--
515<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
515 --> 516 <!--
516<script type="text/javascript" src="/assets/js/main.min.js" async ></script>
516 --> 517
517<script src="/bundles/bazingajstranslation/js/translator.min.js"></script>
517 518
518<script src="https://www.boomy.fr/translations"></script>
518 519
519<script type="text/javascript" src="/assets/js/website.min.js?1.6.0" async ></script>
519 520 </body> 521</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.