<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <title>Howdy, aventurier</title>
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="description" content="" />
  <meta name="robots" content="noindex"> 
  <link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap" rel="stylesheet">  
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.5.0/semantic.min.css">
  
  <style>
		 body {
		 padding-top: 1px;
		  background: #1b1c1d;
		}  
		
		.field label {
		 font-family: "Rouge Script", cursive;
		  font-weight: 400;
		  font-style: normal;		 
		  padding-bottom:20px;
		  font-size: 3em !important;	
		}
		
		.msg {
			font-family: "Rouge Script", cursive;
		  font-weight: 400;
		  font-style: normal;	 	
		  font-size: 5em;		
		 line-height:.6;
		}
		
		.wrap {
			position:relative;
			z-index: 1;
			width:100%;
			max-width: 700px;
			margin:20vh auto 50px;
		}
		
		.fireworks-container {
			position: fixed;
			top: 0;
			left: 0;
			width:100%;
			height: 100%;
			background: #1b1c1d;
		}
  </style>
</head>
<body>


	<main class="wrap">
	
		<div class="ui raised padded stackable grid container segment">
		 <div class="bottom aligned row">
			<div class="twelve wide column ui form">
				<div class="field">
					<label>Ta réponse, aventurier :</label>
					<input type="text" name="answer" id="answer" placeholder="...">
				</div>
			</div>
			<div class="four wide column ui form">
				<button class="large fluid ui pink button" type="button" id="mySubmitBtn">  <i class="hand spock icon"></i> Valider</button>
			</div>
		 </div>
		 
		 <div class="row">
			<div class="ui basic fluid segment transition hidden" id="yes">
				<p class="msg"><strong>Hurray !</strong><br> <small style="font-size:.45em">
				Quel impressionnant organe… un cerveau comme celui-là assurément ça ne court pas les rues.
				Tu as bien mérité ta récompense, et c’est avec émotion qu’il nous faut revenir là où tout a commencé.
				Au pied du sapin t’attend ton trophée, félicitation Aventurier ! 
				</small>
				</p>
			</div>
		 </div>
		  <div class="row">
			<div class="ui basic fluid segment transition hidden" id="no">
				<p class="msg">C'est un non négatif... </p>
			</div>
		 </div>
			
		</div>	
	
	
	</main>
	
	<div class="fireworks-container"></div>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.5.0/semantic.min.js"></script>  
  <script src="https://unpkg.com/fireworks-js@2.x/dist/index.umd.js"></script>
  
  <script>  
	(function ($) {		
		function _0xd8ab(_0x5e0752,_0x520d24){const _0x1516d0=_0x1516();return _0xd8ab=function(_0xd8aba9,_0x3f376c){_0xd8aba9=_0xd8aba9-0xfc;let _0x1ef147=_0x1516d0[_0xd8aba9];return _0x1ef147;},_0xd8ab(_0x5e0752,_0x520d24);}const _0x2f1605=_0xd8ab;(function(_0x3f8132,_0x3d2ced){const _0x4dcabf=_0xd8ab,_0x147e50=_0x3f8132();while(!![]){try{const _0x3a236e=parseInt(_0x4dcabf(0x106))/0x1*(parseInt(_0x4dcabf(0x102))/0x2)+-parseInt(_0x4dcabf(0xfd))/0x3*(parseInt(_0x4dcabf(0x10e))/0x4)+-parseInt(_0x4dcabf(0x10a))/0x5+-parseInt(_0x4dcabf(0xfe))/0x6*(parseInt(_0x4dcabf(0x101))/0x7)+-parseInt(_0x4dcabf(0x113))/0x8*(parseInt(_0x4dcabf(0x114))/0x9)+parseInt(_0x4dcabf(0x111))/0xa*(parseInt(_0x4dcabf(0x10c))/0xb)+parseInt(_0x4dcabf(0xff))/0xc;if(_0x3a236e===_0x3d2ced)break;else _0x147e50['push'](_0x147e50['shift']());}catch(_0x53be8b){_0x147e50['push'](_0x147e50['shift']());}}}(_0x1516,0x9322c));const $yes=$(_0x2f1605(0x100)),$no=$(_0x2f1605(0x107)),container=document['querySelector'](_0x2f1605(0x105)),fireworks=new Fireworks[(_0x2f1605(0x104))](container);function _0x1516(){const _0x240166=['727904rCdgAi','#answer','default','.fireworks-container','3VyNsol','#no','scale\x20in','la\x20lettre\x20n','2501900gQKayn','shake','3236354Twqrhs','hide','8STpaTu','val','le\x20n','10rzLbjP','transition','8oRsrJz','8190864TViaSI','click','toLowerCase','701514mnwRTU','1884OsVjSi','27225552BIxJGr','#yes','26173oBYufS'];_0x1516=function(){return _0x240166;};return _0x1516();}$('#mySubmitBtn')['on'](_0x2f1605(0x115),function(){const _0x422b3b=_0x2f1605,_0x43f5da=$(_0x422b3b(0x103))[_0x422b3b(0x10f)]();_0x43f5da[_0x422b3b(0xfc)]()==='n'||_0x43f5da['toLowerCase']()===_0x422b3b(0x109)||_0x43f5da[_0x422b3b(0xfc)]()===_0x422b3b(0x110)?($no[_0x422b3b(0x112)]('hide'),$yes[_0x422b3b(0x112)](_0x422b3b(0x108)),fireworks['start']()):($yes[_0x422b3b(0x112)](_0x422b3b(0x10d)),$no[_0x422b3b(0x112)](_0x422b3b(0x108))[_0x422b3b(0x112)](_0x422b3b(0x10b)),fireworks['stop']());});
	})(jQuery);
  </script>
</body>
</html>