1<!DOCTYPE html> 2<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> 3 4<head> 5 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="robots" content="index, follow"> 9 10 <!-- HTML Meta Tags --> 11 <title>Tri'athlon : Sauve le ville et deviens le héros !</title> 12 <meta name="description" content="Tri'athlon"> 13 <meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline' https://use.typekit.net https://p.typekit.net;"> 14 15 16 17 <!-- Facebook Meta Tags --> 18 <meta property="og:url" content="https://triathlon-infotri.fr"> 19 <meta property="og:type" content="website"> 20 <meta property="og:title" content="Tri'athlon : Sauve le ville et deviens le héros !"> 21 <meta property="og:description" content="Tri'athlon"> 22 <meta property="og:image:type" content="image/jpeg" /> 23 <meta property="og:image:width" content="1200" /> 24 <meta property="og:image:height" content="630" /> 25 26 <!-- Twitter Meta Tags --> 27 <meta name="twitter:card" content="summary_large_image"> 28 <meta property="twitter:domain" content="triathlon-infotri.fr"> 29 <meta property="twitter:url" content="https://triathlon-infotri.fr"> 30 <meta name="twitter:title" content="Tri'athlon : Sauve le ville et deviens le héros !"> 31 <meta name="twitter:description" content="Tri'athlon"> 32 33 <!-- Favicon & css & jquery --> 34 <link rel="icon" href="img/favicon.ico"> 35 <link href="css/style.css" rel="stylesheet" type="text/css"> 36
36<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
36 37 <link rel="stylesheet" href="https://use.typekit.net/qne2fje.css"> 38</head> 39 40<body> 41 <div id="overlay"> 42 <div class="loader"></div> 43 </div> 44 45 <header class="header"> 46 <div class="header-top"> 47 <a class="header-logo" href="/" title="Vers accueil"> 48 <img src="img/logo-triathlon.webp" alt="Logo principal Tri'athlon"> 49 </a> 50 <nav class="nav-bar"> 51 <ul> 52 <li><a class="active" href="https://triathlon-infotri.fr">accueil</a></li> 53 <li><a class="" href="#lots">Lots à gagner</a></li> 54 <li><a class="" href="#video">Bande-annonce</a></li> 55 <li><a class="" href="#guide">Comment participer</a></li> 56 <li><a class="" href="#infotri">L'info-tri, c'est quoi ?</a></li> 57 </ul> 58 </nav> 59 <nav class="menu-mobile"> 60 <div class="menu-mobile-switch"> 61 <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20"><path d="M2,4h24c1.1,0,2-.9,2-2s-.9-2-2-2H2C.9,0,0,.9,0,2s.9,2,2,2ZM26,8H2c-1.1,0-2,.9-2,2s.9,2,2,2h24c1.1,0,2-.9,2-2s-.9-2-2-2ZM26,16H2c-1.1,0-2,.9-2,2s.9,2,2,2h24c1.1,0,2-.9,2-2s-.9-2-2-2Z"/></svg> 62 </div> 63 <div class="menu-panel"> 64 <img class="burger-close" src="img/burger_close.png" alt="Menu burger mobile"> 65 <a class="header-logo" href="/"><img src="img/logo-triathlon.webp" alt="Logo Tri'athlon"></a> 66 <nav> 67 <ul> 68 <li><a class="active" href="https://triathlon-infotri.fr">accueil</a></li> 69 <li><a class="" href="#lots">Lots à gagner</a></li> 70 <li><a class="" href="#video">Bande-annonce</a></li> 71 <li><a class="" href="#guide">Comment participer</a></li> 72 <li><a class="" href="#infotri">L'info-tri, c'est quoi ?</a></li> 73 </ul> 74 </nav> 75 </div> 76 </nav> 77 <div class="header-result" id="header-inscription"> 78 <span>Concours Terminé !</span> 79 </div> 80 </header> 81 82 <main> 83 <section id="home"> 84 <div class="wrapper"> 85 <div class="home-left"> 86 <h1> 87 <span>Sauve la ville</span> 88 <span>Et deviens <br/>un héros !</span> 89 </h1> 90 </div> 91 92 <div class="home-center"> 93 <!-- <video playsinline autoplay muted loop class="main-logo"> 94 <source src="img/LOGO_TRI_ATHLON.webm" type="video/webm" /> 95 </video> --> 96 <img class="main-logo" src="img/triathlon_main_logo.webp" alt="Logo principal Tri'athlon"> 97 <img class="created-in" src="img/CreatedInFortnite_Stacked_White_FR.webp" alt="Créé dans Fortnite"> 98 99 <div class="yellow-cta" id="register1"> 100 <img src="img/CTA.webp" alt="CTA jaune"> 101 <p class="home-result-text"> 102 Concours Terminé ! 103 </p> 104 </div> 105 </div> 106 107 108 <div class="home-right"> 109 <div class="copy-code" onclick="copyContent()"> 110 <span id="code-map-1" >5939-7163-3702</span> 111 <img src="img/codemap.webp" alt="Code de l'île Fortnite 5939-7163-3702"> 112 <span class="map_code_copy" id="map-code-copied1">Code copié dans le presse-papiers !</span> 113 </div> 114 <div class="available-on">Jouable gratuitement sur 115 <img src="img/available-on.webp" alt="Disponible sur"> 116 </div> 117 </div> 118 119 <img class="home-objets_left" width="631" height="330" src="img/home_objets_left.webp" alt="Image d'objets : miroir, batteries, panneau solaire, canette, fauteuil"> 120 <img class="home-objets_right" id="poubelle_jaune" src="img/poubelle_jaune.webp" alt="Image d'objets : poubelle jaune"> 121 <img class="home-objets_right" id="benne_vetements" src="img/benne_vetements.webp" alt="Image d'objets : borne à vetements"> 122 <img class="home-objets_right" id="poubelle_verte" src="img/poubelle_verte.webp" alt="Image d'objets : poubelle verte"> 123 <img class="home-objets_right" id="panneau_tri" src="img/panneau_tri.webp" alt="Image d'objets : panneau tri"> 124 </div> 125 </section> 126 127 128 <section id="lots"> 129 <div class="wrapper"> 130 <h2><span>Remporte des lots</span>
131 <span>reconditionnés</span></h2> 132 <p class="lots-mention">Les gagnants de ces récompenses ont la possibilité de faire don de leur prix à l'association de leur choix.</p> 133 <div class="flex-row"> 134 <div class="lots-box" id="lots_1"> 135 <img src="img/lots_1.webp" alt="Lot 1 : une PS reconditionnée"> 136 <div class="lots-box_text"> 137 <img src="img/fleche.svg" alt="Flèche"> 138 <span>top 1</span> 139 <span>1 ps5</span> 140 </div> 141 </div> 142 <div class="lots-box" id="lots_2"> 143 <img src="img/lots_2.webp" alt="Lot 1 : une Switch reconditionnée"> 144 <div class="lots-box_text"> 145 <img src="img/fleche.svg" alt="Flèche"> 146 <span>top 2</span> 147 <span>1 Switch</span> 148 </div> 149 </div> 150 <div class="lots-box" id="lots_3"> 151 <img src="img/lots_3.webp" alt="Lot 3 : une xbox series S"> 152 <div class="lots-box_text"> 153 <img src="img/fleche.svg" alt="Flèche"> 154 <span>top 3</span> 155 <span>1 xbox series S</span> 156 </div> 157 </div> 158 <div class="lots-box" id="lots_4"> 159 <img src="img/lots_4.webp" alt="Lot 4 : des V bucks"> 160 <div class="lots-box_text"> 161 <img src="img/fleche.svg" alt="Flèche"> 162 <span>top 4-5</span> 163 <span>V-bucks</span> 164 </div> 165 </div> 166 <div class="lots-box lots_infobox"> 167 <img src="img/infobox.webp" alt="Cadre illustratif"> 168 <div><h3>Pourquoi du reconditionné ?</h3> 169 <p>Acheter des appareils reconditionnés est une excellente façon de réduire ton impact environnemental. En donnant une nouvelle vie à un produit, tu évites l'extraction et la consommation de nouvelles ressources, tu réduis les déchets et tu obtiens un produit de qualité à un prix plus abordable.</p></div> 170 </div> 171 </div> 172 <div class="lots_forall"> 173 <img src="img/forall_box.png" alt="Panneau illustratif"> 174 <div class="lots_forall_text"> 175 <p>Et pour tou·te·s</p> 176 <p>un tirage au sort pour gagner</p> 177 <p>1 ps5 <span style="color: #7cd245;">+</span> V-bucks</p> 178 </div> 179 </div> 180 </div> 181 </section> 182 183 <section id="video"> 184 <div class="video-box"> 185 <div class="video-box-resp"> 186 <video width="100%" height="100%" autoplay muted loop playsinline controls controlsList="nodownload" 187 type="video/mp4"> 188 <source src=""> 189 </video> 190 </div> 191 </div> 192 </section> 193 194 <section id="guide"> 195 <div class="wrapper"> 196 <h2>Comment participer ?</h2> 197 198 <div class="flex-row"> 199 <div class="guide-box" id="guide-box_1"> 200 <img src="img/guide-box_1.webp" alt="Illustration panneau"> 201 <div class="guide-box-text"> 202 <span>allume</span> 203 <span>l'appareil</span> 204 <span>de ton</span> 205 <span>choix</span> 206 <img src="img/guide_1.png" alt="Liste des consoles compatibles Xbox Switch PS"> 207 </div> 208 </div> 209 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="67px"> 210 <defs> 211 <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="40px" height="67px" > 212 <feOffset in="SourceAlpha" dx="0" dy="8" /> 213 <feGaussianBlur result="blurOut" stdDeviation="0" /> 214 <feFlood flood-color="rgb(80, 175, 47)" result="floodOut" /> 215 <feComposite operator="atop" in="floodOut" in2="blurOut" /> 216 <feComponentTransfer><feFuncA type="linear" slope="1"/></feComponentTransfer> 217 <feMerge> 218 <feMergeNode/> 219 <feMergeNode in="SourceGraphic"/> 220 </feMerge> 221 </filter> 222 </defs>
223 <g filter="url(#Filter_0)"> 224 <path fill-rule="evenodd" fill="rgb(209, 242, 74)" d="M0.358,0.039 L30.126,22.563 L8.825,56.219 L10.510,27.089 L0.358,0.039 Z"/> 225 </g> 226 </svg> 227 <div class="guide-box" id="guide-box_2"> 228 <img src="img/guide-box_2.webp" alt="Illustration panneau"> 229 <div class="guide-box-text"> 230 <span>Installe</span> 231 <span>Fortnite</span> 232 <span>gratuitement</span> 233 <img src="img/guide-text_2.svg" alt="Illustration lama"> 234 <span>et lance</span> 235 <span>le jeu</span> 236 </div> 237 </div> 238 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38px" height="68px"> 239 <defs> 240 <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="38px" height="68px" > 241 <feOffset in="SourceAlpha" dx="0" dy="8" /> 242 <feGaussianBlur result="blurOut" stdDeviation="0" /> 243 <feFlood flood-color="rgb(88, 177, 57)" result="floodOut" /> 244 <feComposite operator="atop" in="floodOut" in2="blurOut" /> 245 <feComponentTransfer><feFuncA type="linear" slope="0.73"/></feComponentTransfer> 246 <feMerge> 247 <feMergeNode/> 248 <feMergeNode in="SourceGraphic"/> 249 </feMerge> 250 </filter> 251 </defs> 252 <g filter="url(#Filter_0)"> 253 <path fill-rule="evenodd" fill="rgb(216, 249, 82)" 254 d="M0.734,0.416 L28.604,25.248 L4.679,57.093 L8.690,28.191 L0.734,0.416 Z"/> 255 </g> 256 </svg> 257 <div class="guide-box" id="guide-box_3"> 258 <img src="img/guide-box_3.webp" alt="Illustration panneau"> 259 <div class="guide-box-text"> 260 <span>Rentre</span> 261 <span>le code</span> 262 <div class="copy-code" onclick="copyContent2()"> 263 <div class="code-map-2"> 264 <span id="code-map-2" >5939-7163-3702</span> 265 <img src="img/guide-box-text_3.png" alt="Illustration Codemap"> 266 <span class="map_code_copy" id="map-code-copied2">Code copié dans le presse-papiers !</span> 267 </div> 268 </div> 269 <span>dans le menu</span> 270 <span>"Recherche"</span> 271 <img src="img/guide-box-text_3b.png" alt="Illustration barre recherche dans Fortnite"> 272 </div> 273 </div> 274 275 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38px" height="68px"> 276 <defs> 277 <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="38px" height="68px" > 278 <feOffset in="SourceAlpha" dx="0" dy="8" /> 279 <feGaussianBlur result="blurOut" stdDeviation="0" /> 280 <feFlood flood-color="rgb(136, 205, 64)" result="floodOut" /> 281 <feComposite operator="atop" in="floodOut" in2="blurOut" /> 282 <feComponentTransfer><feFuncA type="linear" slope="1"/></feComponentTransfer> 283 <feMerge> 284 <feMergeNode/> 285 <feMergeNode in="SourceGraphic"/> 286 </feMerge> 287 </filter> 288 </defs>
289 <g filter="url(#Filter_0)"> 290 <path fill-rule="evenodd" fill="rgb(225, 255, 102)" d="M5.274,0.703 L28.890,29.611 L0.253,57.296 L8.761,29.384 L5.274,0.703 Z"/> 291 </g> 292 </svg> 293 <div class="guide-box" id="guide-box_4"> 294 <img src="img/guide-box_4.webp" alt="Illustration panneau"> 295 <div class="guide-box-text"> 296 <span>Prends une</span> 297 <span>capture</span> 298 <span>d'écran</span> 299 <span>de ton score</span> 300 <span>Concours Terminé !</span> 301 <img src="img/guide_4-cta.png" class="guide-box-text_participation" alt="Bouton Participer" style="opacity: 0.5; pointer-events: none;"> 302 </div> 303 </div> 304 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="67px"> 305 <defs> 306 <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="40px" height="67px" > 307 <feOffset in="SourceAlpha" dx="0" dy="8" /> 308 <feGaussianBlur result="blurOut" stdDeviation="0" /> 309 <feFlood flood-color="rgb(80, 175, 47)" result="floodOut" /> 310 <feComposite operator="atop" in="floodOut" in2="blurOut" /> 311 <feComponentTransfer><feFuncA type="linear" slope="1"/></feComponentTransfer> 312 <feMerge> 313 <feMergeNode/> 314 <feMergeNode in="SourceGraphic"/> 315 </feMerge> 316 </filter> 317 </defs> 318 <g filter="url(#Filter_0)"> 319 <path fill-rule="evenodd" fill="rgb(209, 242, 74)" 320 d="M9.078,0.210 L30.717,30.627 L0.299,56.342 L10.647,29.060 L9.078,0.210 Z"/> 321 </g> 322 </svg> 323 <div class="guide-box" id="guide-box_5"> 324 <img src="img/guide-box_5.webp" alt="Illustration panneau"> 325 <div class="guide-box-text"> 326 <span>Gagne</span> 327 <span>de nombreux</span> 328 <span>lots</span> 329 <span>reconditionnés</span> 330 </div> 331 </div> 332 </div> 333 334 </div> 335 <img class="guide-bottom" src="img/guide_bottom.webp" alt="Illustration tapis roulant de tri"> 336 </section> 337 338 339 <section id="infotri"> 340 <div class="wrapper"> 341 <h2><span>L'Info-tri</span><span>qu'est ce que c'est ?</span></h2> 342 <p>L'étiquette Info-tri permet à chacun de mieux trier ses produits du quotidien avec une indication claire et précise sur l'endroit où les déposer.</p> 343 <div class="infotri-box"> 344 <img src="img/infotri-logo.webp" width="500" height="152" alt="Logo Info tri"> 345 <div class="infotri-box_text"> 346 <p>Un doute sur l'endroit <br/>où jeter un déchet ?</p> 347 <a href="https://www.ecologie.gouv.fr/info-tri" target="_blank">quefairedemesdechets.gouv.fr</a> 348 </div> 349 </div> 350 </div> 351 </section> 352 353 354 355 <div id="cookies"><!-- Popup cookies --> 356 <div class="main-overlay"> 357 <div class="popup-cookies-main" id="popupCookiesMain"> 358 <h3>Nous assurons le respect de votre vie privée</h3> 359 <p>Lorsque vous naviguez sur notre site, Tri'athlon et ses partenaires utilisent des cookies et 360 autres traceurs pour les finalités suivantes :</p> 361 <p> 362 <ul> 363 <li>Mesurer l'audience et la performance du site</li> 364 </ul> 365 <p>En cliquant sur <strong>personnaliser</strong>
365, vous pouvez prendre connaissance du 366 détail, et nous indiquer vos préférences.</p> 367 <p>Pour en savoir plus ou pour modifier vos préférences, vous pouvez cliquer sur 368 le lien cookies figurant en bas de page sur ce site à tout moment.</p> 369 <p> <a class="charte-cookies" href="https://www.ecologie.gouv.fr/donnees-personnelles" target="_blank"><img src="img/CTA_small.png" 370 alt="Background of a button"><span>Lire notre charte cookies</span></a></p> 371 <div class="flex-row"> 372 <button id="dont-give-consent-cookies" type="button" class="" title="" 373 aria-label="Refuser les cookies et fermer la boite de dialogue">Continuer sans 374 accepter</button> 375 <button type="button" aria-label="Paramétrer vos cookies" id="set-cookies" class="" 376 id="">Personnaliser</button> 377 <button type="button" aria-label="Accepter les cookies et fermer la boite de dialogue" 378 id="give-consent-cookies">Accepter & fermer</button> 379 </div> 380 </div> 381 382 <div class="popup-cookies-choices" id="popupCookiesChoices"> 383 <h3>Vos choix relatifs aux cookies</h3> 384 <div class="close-param-cookies-popup"> 385 <img src="img/close.png" alt="Close button"> 386 </div> 387 <div class="popup-cookies-choices-table"> 388 <div class="popup-cookies-choices-block popup-cookies-choices-block"> 389 <strong>Les cookies pour mesurer l'audience et la performance du site :</strong> 390 <p>Ces cookies nous permettent de récolter des informations sur les visites effectuées 391 sur notre site, afin de mesurer l'audience et d'optimiser la performance du site. 392 Par exemple, nous pouvons savoir quelles pages internet sont les plus ou moins 393 visitées.</p> 394 <div class="flex-row"> 395 <button class="no-consent_cookies" id="refuseAudienceCookies">Refuser</button> 396 <button class="give-consent_cookies" id="acceptAudienceCookies">Accepter</button> 397 </div> 398 </div> 399 <button id="end-cookies" title="Enregistrer" 400 aria-label="Enregistrer le paramétrage de vos cookies"><img src="img/CTA.webp" 401 alt="Background of a button"><span>Enregistrer mes préférences</span></button> 402 <input id="cookiesAudienceChoice" type="hidden" value="true"> 403 </div> 404 </div> 405 </div> 406 </div> 407 </main> 408 409 410 <footer> 411 412 <a class="footer_logo_ministere" title="Vers le site du Ministère de la Transition écologique, de l'Ãnergie, du Climat et de la Prévention des risques" href="https://www.ecologie.gouv.fr/" target="_blank"><img src="img/logo_ministere.webp" width="" alt="Logo Ministère de la Transition écologique, de l'Ãnergie, du Climat et de la Prévention des risques"></a> 413 414 <div class="footer-right"> 415 <div class="footer-links"> 416 <div class="links"> 417 <p class="open-cookies">Cookies</p> 418 <a href="reglement.html">Règlement</a> 419 <a href="mentions.html">Mentions légales</a> 420 <div class="footer-send-result">Concours Terminé !</div> 421 </div> 422 <a class="to-top" href="#home"> 423 <img src="img/to-top.webp" alt='Flèche vers accueil'> 424 </a> 425 </div> 426 <div class="mentions-epic"> 427 <p>Ceci n'est pas sponsorisé, soutenu ou administré par Epic Games, Inc. Dans la mesure autorisée par la loi applicable, les participants acceptent de dégager de toute responsabilité Epic Games, Inc., ses concédants de licence, ses et leurs affiliés, ainsi que ses et leurs employés, responsables, directeurs, agents, contractants et autres représentants de toute réclamation, demande, action, perte, responsabilité et dépense en lien avec cette promotion. Les informations fournies par les participants en lien avec cette promotion sont fournies au sponsor et non à Epic Games, Inc.</p> 428 <p>Toutes les données personnelles que vous soumettez sur ce site seront utilisées conformément à la politique de confidentialité applicable, que vous pouvez trouver <a title="Lire la politique de confidentialité" target="_blank" href="https://www.ecologie.gouv.fr/mentions-legales">ici</a>.</p> 429 </div>
430 </div> 431 </footer> 432 433 <div class="popup" id="popup-participation"><!-- Popup bouton participation --> 434 <div class="main-overlay"> 435 <form id="form" method="POST" accept-charset="utf-8" enctype="multipart/form-data"> 436 <div class="popup-step" id="step1"><!-- Etape 1 --> 437 <div class="close-popup"> 438 <img src="img/close.png" alt="Close button"> 439 </div> 440 <div class="flex-row"> 441 <div class="step1-left"> 442 <label for="fakeInput"> 443 <input type="text" id="fakeInput" /> 444 <!-- Input fictif pour cacher la boîte de fichier de l'input=file suivant --> 445 <input type="file" id="step1-screenshot" name="step1-screenshot" required 446 accept=".jpg, .jpeg, .png" multiple width="100%" height="100"> 447 <p id="filename"></p> 448 <input type="text" name="validation-code" id="validation-code" hidden> 449 </label> 450 <div class="step1-left_text"> 451 <span>glisse ton image ici</span> 452 <span>ou clique sur cette zone <br/> pour l'importer</span> 453 </div> 454 </div> 455 </div> 456 </div> 457 458 <div class="popup-step" id="step2"><!-- Etape 2 --> 459 <div class="close-popup"> 460 <img src="img/close.png" alt="Close button"> 461 </div> 462 <h3>Confirme ta participation</h3> 463 <div class="flex-row" id="row-email"> 464 <div> 465 <label for="step2-email"> 466 <span>Ton email</span></label> 467 <input type="email" id="step2-email" name="step2-email" /> 468 </div> 469 </div> 470 <div class="flex-row" id="checkboxes"> 471 <div class="row-checkbox"> 472 <input type="checkbox" value="" id="check1" name="check1" required> 473 <label for="check1"> 474 JE VALIDE LES TERMES ET CONDITIONS DU <a href="reglement.html">RÃGLEMENT 475 DU CONCOURS</a>. 476 </label> 477 </div> 478 <div class="row-checkbox"> 479 <input type="checkbox" value="" id="check2" name="check2" required> 480 <label for="check2"> 481 J'autorise le Ministère de la Transition écologique, de lâÃnergie, du Climat et de la Prévention des risques à utiliser mes informations personnelles pour ma participation au concours Tri'athlon, conformément aux dispositions stipulées dans les 482 <a href="mentions.html">mentions légales</a> et le <a 483 href="reglement.html">règlement du concours</a>. 484 </label> 485 </div> 486 </div> 487 <div class="buttons"> 488 <button id="submit" class="g-recaptcha popup-submit" 489 data-sitekey="6Ld_ZQ0qAAAAAEcy9suLS6WPJs1rxjYOlW2gU85l" data-callback="onSubmit" 490 data-action="submit"> 491 <span>Valider ma participation</span> 492 <img src="img/CTA.webp" alt="Background of a button"> 493 </button> 494 </div> 495 </div> 496 </form> 497 </div> 498 499 <div class="popup-step" id="step-confirmation"><!-- Etape 3 --> 500 <div class="close-popup closeConfirmation"> 501 <img src="img/close.png" alt="Close button"> 502 </div> 503 <img src="img/logo-triathlon.webp" alt="Logo Tri'athlon"> 504 <h3 id="resultModalTitle">Participation confirmée</h3> 505 <p id="resultModalBody">Merci d'avoir participé à l'expérience <span color: #fac31d;>TRI'ATHLON</span>.<br /> 506 Vous avez jusqu'au <span color: #fac31d;>31 octobre</span> pour améliorer votre résultat et <span color: 507 #fac31d;>vous pouvez participer autant de fois que vous le souhaitez !</span></p> 508 <div class="end-popup closeConfirmation"><span>Fermer</span><img src="img/CTA.webp"
509 alt="Background of a button"></div> 510 <input type="hidden" id="closeAll" value=""> 511 </div> 512 </div> 513 514 515 516
516<script> 517 518 519 /* Menu mobile */ 520 document.querySelector(".menu-mobile-switch").addEventListener("click", function () { 521 document.querySelector(".menu-panel").style.display = "block"; 522 }); 523 document.querySelector(".menu-panel").addEventListener("click", function () { 524 document.querySelector(".menu-panel").style.display = "none"; 525 }); 526 document.querySelector(".burger-close").addEventListener("click", function () { 527 document.querySelector(".menu-panel").style.display = "none"; 528 }); 529 530 531 532 /* Copier code map */ 533 var mapcodetext = document.getElementById("code-map-1").innerHTML; 534 535 var copyContent = async () => { 536 try { 537 await navigator.clipboard.writeText(mapcodetext); 538 console.log('Content copied to clipboard'); 539 document.getElementById("map-code-copied1").style.display = "block"; 540 } catch (err) { 541 console.error('Erreur de copie: ', err); 542 } 543 } 544 545 /* Copier code map */ 546 var mapcodetext = document.getElementById("code-map-2").innerHTML; 547 548 var copyContent2 = async () => { 549 try { 550 await navigator.clipboard.writeText(mapcodetext); 551 console.log('Content copied to clipboard'); 552 document.getElementById("map-code-copied2").style.display = "block"; 553 } catch (err) { 554 console.error('Erreur de copie: ', err); 555 } 556 } 557 558 </script>
558 559 560 561
561<script src="js/custom.js"></script>
561 562 563</body> 564 565 566</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.