<commit_before><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="./css/hyblab.css"/>
		<title>Les mousses</title>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

		<script src="https://d3js.org/d3.v3.min.js"></script>

		<script type="text/javascript" src="fullPage.js-master/jquery.fullPage.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#fullpage').fullpage({
				anchors: ['firstPage', 'secondPage', '3rdPage','lastPage'],
				loopHorizontal: false,
				controlArrows: false,
				keyboardScrolling: false,
				interlockedSlides: true,
				});
			});
		</script>

		<script src="./js/script_onload.js"></script>

	</head>
	<body>
		<section id="fullpage">
			<section class="section">
				<header class="Localhead">
					<!--<article class="Logo">Les Eclaireurs</article>-->
					<!--<section class="ReseauSociaux">
						<ul>
							<li><a class="Facebook" href="#">Facebook</a></li>
							<li><a class="Twitter" href="#">Twitter</a></li>
						</ul>
					</section> -->
					<section class="Intro">

						<article class="Titre"></article>
						<section class="Sol" id="SolIntro1"></section>
						<article class="GaucheIntro"></article>
						<article class="DroiteIntro"></article>

						<div><a class="Bouton" id="BoutonP1" href="#3rdPage/0">Jouer</a></div>
					</section>

				</header>
			</section>
			<section class="section">
				<section class="Page2">

					<article class="Presentation"><p><span><span>Notre littoral est un écosystème fragile. Il existe de nombreux paramètres qui jouent sur son équilibre.<br/> Tu vas à présent incarner un citoyen de ce littoral qui cherche à comprendre les enjeux de son territoire.<br/> Pour t’aider dans ta quète, les scientifiques du projet COSELMAR seront là pour t’informer,<br/> grâce aux recherches qu’ils ont effectué pendant plusieurs années. <br/>Alors, prêt à faire cohabiter l’homme et l’océan ?</span></span></p></article>
					<article class="MouetteHorizontale" id="MouetteP2"></article>

					<div><a class="Bouton" href="#3rdPage/0">Jouer</a></div>
				</section>
			</section>
			<section class="section">
				<div class="slide">
					<div class="CarteJeu">
						<img class="CoteCarte" src="./pictures/Carte/carte_fond.png">

						<!--<a class="ImageJeu1" href="#3rdPage/1">Lien Jeu1</a> -->
						<a class="ImageJeu2" href="#3rdPage/2">Lien Jeu2</a>
						<a class="ImageJeu3" href="#3rdPage/3">Lien Jeu3</a>
						<a class="ImageJeu4" href="#3rdPage/4">Lien Jeu4</a>
						<a class="Bouton" id="Crédit" href="#lastPage/0">Crédits</a>
						<article class="ImageJeu1"/>

					</div>
				</div>
				<div class="slide">
					<article class="TitreJ1"></article>
					<article class="TextJ1"><p><span><span>Notre littoral est un écosystème fragile. Il existe de nombreux paramètres qui jouent sur son équilibre.<br/> Tu vas à présent incarner un citoyen de ce littoral qui cherche à comprendre les enjeux de son territoire.<br/> Pour t’aider dans ta quète, les scientifiques du projet COSELMAR seront là pour t’informer,<br/> grâce aux recherches qu’ils ont effectué pendant plusieurs années. <br/>Alors, prêt à faire cohabiter l’homme et l’océan ?</span></span></p></article>
					<section class="InterfaceJ1">

					</section>
					<a href="#lastPage/1" class="Bouton" id="Data1">Plus d'infos</a>
					<a href="#3rdPage/0" class="Cross" id="CrossJ1"></a>
					<script src='script_actionJeu1.js'></script>
				</div>
				<div class="slide">
					<article class="TitreJ2">La pêche aux dilemmes</article>
					<article class="TextJ2"><p><span><span>Les poissons sont nos amis … mais c’est quand même pas mal en papillote ou accompagné d’un beurre blanc.<br/> Choisis un type de bateau et projette toi en 2050 pour découvrir comment la biomasse et le butin de pêche auront évolué.</span></span></p></article>
					<section class="InterfaceJ2">
						<section class="FondJ2">
							<img class="Merlu1" src="./pictures/Jeu2/merlupetit.png">
							<img class="Merlu2" src="./pictures/Jeu2/merlupetit.png">
							<img class="Merlu3" src="./pictures/Jeu2/merlumoyen.png">
							<img class="Merlu4" src="./pictures/Jeu2/merlugrand.png">
							<img class="Sole1" src="./pictures/Jeu2/solepetite.png">
							<img class="Sole2" src="./pictures/Jeu2/solepetite.png">
							<img class="Sole3" src="./pictures/Jeu2/solemoyenne.png">
							<img class="Sole4" src="./pictures/Jeu2/solegrande.png">
							<img class="Homard1" src="./pictures/Jeu2/homardpetit.png">
							<img class="Homard2" src="./pictures/Jeu2/homardpetit.png">
							<img class="Homard3" src="./pictures/Jeu2/homardmoyen.png">
							<img class="Homard4" src="./pictures/Jeu2/homardgrand.png">

							<img class="SoleA" id="Sa" src="./pictures/Jeu2/solepetite.png">
							<img class="HomardA" id="Ha" src="./pictures/Jeu2/homardpetit.png">
							<img class="MerluA" id="Ma" src="./pictures/Jeu2/merlupetit.png">

							<img class="BateauP1" src="./pictures/Jeu2/bateaupetit.png">
							<img class="BateauP2" src="./pictures/Jeu2/bateaupetit.png">
							<img class="BateauM1" src="./pictures/Jeu2/bateaumoyen.png">
							<img class="BateauM2" src="./pictures/Jeu2/bateaumoyen.png">
							<img class="BateauG1" src="./pictures/Jeu2/bateaugrand.png">
							<img class="BateauG2" src="./pictures/Jeu2/bateaugrand.png">

							<img class="Homme1" id="H1C" src="./pictures/Jeu2/homme1souriant.png">
							<img class="Homme2" id="H2C" src="./pictures/Jeu2/homme2souriant.png">
							<img class="Homme3" id="H3C" src="./pictures/Jeu2/femmesouriante.png">

							<img class="Homme1" id="H1PC" src="./pictures/Jeu2/homme1mechant.png">
							<img class="Homme2" id="H2PC" src="./pictures/Jeu2/homme2mechant.png">
							<img class="Homme3" id="H3PC" src="./pictures/Jeu2/femmemechante.png">

						</section>
						<section class="EnsembleRadioJ2">
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar1" value="1"></input>
									<label for="scenar1">Sénario 1</label>
									<p class="LabelJ2">Moyens bateaux <br/> (entre 12m et 18m)</p>
								</div>
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar2" value="2"></input>
									<label for="scenar2">Sénario 2</label>
									<p class="LabelJ2">Grands bateaux <br/> (Plus de 18m)</p>
								</div>
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar3" value="3"></input>
									<label for="scenar3">Sénario 3</label>
									<p class="LabelJ2">Petits et grands bateaux</p>
								</div>
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar4" value="4"></input>
									<label for="scenar4">Sénario 4</label>
									<p class="LabelJ2">Flotte complète</p>
								</div>
								<button class = "Bouton" id="Bouton2050">2050</button>
								<br/>
								<button class = "Bouton" id="Reset2">2010</button>

							</section>

					</section>
					<script src='./js/script_actionJeu1.js'></script>
					<a href="#lastPage/2" class="Bouton" id="Data2">Plus d'infos</a>
					<a href="#3rdPage/0" class="Cross" id="CrossJ2"></a>
				</div>
				<div class="slide">
					<article class="TitreJ3"> La légende du Gratelupia turuturu</article>
					<article class="TextJ3"><p><span><span>Panique à la plage ! Un monstre d’algues puantes et radioactives est en train d’envahir toute la côte.<br/> Choisis entre la famille de touristes, l’agriculteur et le scientifique pour voir comment vont ils interagir avec le monstre d’algues</span></span></p></article>
					<section class="InterfaceJ3">
						<section class="FondJ3">
							<img class="Monstre1" src="./pictures/Jeu3/Monstre-mechant.png">
							<img class="Monstre2" src="./pictures/Jeu3/Monstre-gentil.png">
							<img class="Monstre3" src="./pictures/Jeu3/Monstre-mange-enfant.png">
							<img class="Monstre4" src="./pictures/Jeu3/Monstre-perplexe.png">
							<img class="Touriste2" src="./pictures/Jeu3/touriste-femme.png">
							<img class="Touriste3" src="./pictures/Jeu3/touriste-plongeur.png">
							<img class="Touriste1" src="./pictures/Jeu3/touriste-beauf.png">
							<img class="Touriste4" src="./pictures/Jeu3/enfants-sceau.png">
							<img class="Agriculteur" src="./pictures/Jeu3/agriculteur.png">
							<img class="PORC" src="./pictures/Jeu3/cochon-alias-rosette.png">
							<img class="Bouse1" src="./pictures/Jeu3/caca-de-rosette.png">
							<img class="Bouse2" src="./pictures/Jeu3/caca-pivoté.png">
							<img class="Bouse3" src="./pictures/Jeu3/caca-pivoté.png">
							<img class="Bouse4" src="./pictures/Jeu3/caca-pivoté.png">
							<img class="Sceau" src="./pictures/Jeu3/sceau.png">
							<img class="Scientifique" src="./pictures/Jeu3/scientifique.png">
							<img class="Scientifique-réussite" src="./pictures/Jeu3/scientifique-éprouvette.png">
							<img class="LogoScientifique1" src="./pictures/Jeu3/logo-alimentation.png"><commit_msg>correction pour rawgit<commit_after><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="./css/hyblab.css"/>
		<title>Les mousses</title>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

		<script src="https://d3js.org/d3.v3.min.js"></script>

		<script type="text/javascript" src="fullPage.js-master/jquery.fullPage.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#fullpage').fullpage({
				anchors: ['firstPage', 'secondPage', '3rdPage','lastPage'],
				loopHorizontal: false,
				controlArrows: false,
				keyboardScrolling: false,
				interlockedSlides: true,
				});
			});
		</script>

		<script src="./js/script_onload.js"></script>

	</head>
	<body>
		<section id="fullpage">
			<section class="section">
				<header class="Localhead">
					<!--<article class="Logo">Les Eclaireurs</article>-->
					<!--<section class="ReseauSociaux">
						<ul>
							<li><a class="Facebook" href="#">Facebook</a></li>
							<li><a class="Twitter" href="#">Twitter</a></li>
						</ul>
					</section> -->
					<section class="Intro">

						<article class="Titre"></article>
						<section class="Sol" id="SolIntro1"></section>
						<article class="GaucheIntro"></article>
						<article class="DroiteIntro"></article>

						<div><a class="Bouton" id="BoutonP1" href="#3rdPage/0">Jouer</a></div>
					</section>

				</header>
			</section>
			<section class="section">
				<section class="Page2">

					<article class="Presentation"><p><span><span>Notre littoral est un écosystème fragile. Il existe de nombreux paramètres qui jouent sur son équilibre.<br/> Tu vas à présent incarner un citoyen de ce littoral qui cherche à comprendre les enjeux de son territoire.<br/> Pour t’aider dans ta quète, les scientifiques du projet COSELMAR seront là pour t’informer,<br/> grâce aux recherches qu’ils ont effectué pendant plusieurs années. <br/>Alors, prêt à faire cohabiter l’homme et l’océan ?</span></span></p></article>
					<article class="MouetteHorizontale" id="MouetteP2"></article>

					<div><a class="Bouton" href="#3rdPage/0">Jouer</a></div>
				</section>
			</section>
			<section class="section">
				<div class="slide">
					<div class="CarteJeu">
						<img class="CoteCarte" src="./pictures/Carte/carte_fond.png">

						<!--<a class="ImageJeu1" href="#3rdPage/1">Lien Jeu1</a> -->
						<a class="ImageJeu2" href="#3rdPage/2">Lien Jeu2</a>
						<a class="ImageJeu3" href="#3rdPage/3">Lien Jeu3</a>
						<a class="ImageJeu4" href="#3rdPage/4">Lien Jeu4</a>
						<a class="Bouton" id="Crédit" href="#lastPage/0">Crédits</a>
						<article class="ImageJeu1"/>

					</div>
				</div>
				<div class="slide">
					<article class="TitreJ1"></article>
					<article class="TextJ1"><p><span><span>Notre littoral est un écosystème fragile. Il existe de nombreux paramètres qui jouent sur son équilibre.<br/> Tu vas à présent incarner un citoyen de ce littoral qui cherche à comprendre les enjeux de son territoire.<br/> Pour t’aider dans ta quète, les scientifiques du projet COSELMAR seront là pour t’informer,<br/> grâce aux recherches qu’ils ont effectué pendant plusieurs années. <br/>Alors, prêt à faire cohabiter l’homme et l’océan ?</span></span></p></article>
					<section class="InterfaceJ1">

					</section>
					<a href="#lastPage/1" class="Bouton" id="Data1">Plus d'infos</a>
					<a href="#3rdPage/0" class="Cross" id="CrossJ1"></a>
					<script src='script_actionJeu1.js'></script>
				</div>
				<div class="slide">
					<article class="TitreJ2">La pêche aux dilemmes</article>
					<article class="TextJ2"><p><span><span>Les poissons sont nos amis … mais c’est quand même pas mal en papillote ou accompagné d’un beurre blanc.<br/> Choisis un type de bateau et projette toi en 2050 pour découvrir comment la biomasse et le butin de pêche auront évolué.</span></span></p></article>
					<section class="InterfaceJ2">
						<section class="FondJ2">
							<img class="Merlu1" src="./pictures/Jeu2/merlupetit.png">
							<img class="Merlu2" src="./pictures/Jeu2/merlupetit.png">
							<img class="Merlu3" src="./pictures/Jeu2/merlumoyen.png">
							<img class="Merlu4" src="./pictures/Jeu2/merlugrand.png">
							<img class="Sole1" src="./pictures/Jeu2/solepetite.png">
							<img class="Sole2" src="./pictures/Jeu2/solepetite.png">
							<img class="Sole3" src="./pictures/Jeu2/solemoyenne.png">
							<img class="Sole4" src="./pictures/Jeu2/solegrande.png">
							<img class="Homard1" src="./pictures/Jeu2/homardpetit.png">
							<img class="Homard2" src="./pictures/Jeu2/homardpetit.png">
							<img class="Homard3" src="./pictures/Jeu2/homardmoyen.png">
							<img class="Homard4" src="./pictures/Jeu2/homardgrand.png">

							<img class="SoleA" id="Sa" src="./pictures/Jeu2/solepetite.png">
							<img class="HomardA" id="Ha" src="./pictures/Jeu2/homardpetit.png">
							<img class="MerluA" id="Ma" src="./pictures/Jeu2/merlupetit.png">

							<img class="BateauP1" src="./pictures/Jeu2/bateaupetit.png">
							<img class="BateauP2" src="./pictures/Jeu2/bateaupetit.png">
							<img class="BateauM1" src="./pictures/Jeu2/bateaumoyen.png">
							<img class="BateauM2" src="./pictures/Jeu2/bateaumoyen.png">
							<img class="BateauG1" src="./pictures/Jeu2/bateaugrand.png">
							<img class="BateauG2" src="./pictures/Jeu2/bateaugrand.png">

							<img class="Homme1" id="H1C" src="./pictures/Jeu2/homme1souriant.png">
							<img class="Homme2" id="H2C" src="./pictures/Jeu2/homme2souriant.png">
							<img class="Homme3" id="H3C" src="./pictures/Jeu2/femmesouriante.png">

							<img class="Homme1" id="H1PC" src="./pictures/Jeu2/homme1mechant.png">
							<img class="Homme2" id="H2PC" src="./pictures/Jeu2/homme2mechant.png">
							<img class="Homme3" id="H3PC" src="./pictures/Jeu2/femmemechante.png">

						</section>
						<section class="EnsembleRadioJ2">
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar1" value="1"></input>
									<label for="scenar1">Sénario 1</label>
									<p class="LabelJ2">Moyens bateaux <br/> (entre 12m et 18m)</p>
								</div>
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar2" value="2"></input>
									<label for="scenar2">Sénario 2</label>
									<p class="LabelJ2">Grands bateaux <br/> (Plus de 18m)</p>
								</div>
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar3" value="3"></input>
									<label for="scenar3">Sénario 3</label>
									<p class="LabelJ2">Petits et grands bateaux</p>
								</div>
								<div class="radioJ2">
									<input type= "radio" name="scenar" checked="checked" id="scenar4" value="4"></input>
									<label for="scenar4">Sénario 4</label>
									<p class="LabelJ2">Flotte complète</p>
								</div>
								<button class = "Bouton" id="Bouton2050">2050</button>
								<br/>
								<button class = "Bouton" id="Reset2">2010</button>

							</section>

					</section>
					<script src='./js/script_actionJeu1.js'></script>
					<a href="#lastPage/2" class="Bouton" id="Data2">Plus d'infos</a>
					<a href="#3rdPage/0" class="Cross" id="CrossJ2"></a>
				</div>
				<div class="slide">
					<article class="TitreJ3"> La légende du Gratelupia turuturu</article>
					<article class="TextJ3"><p><span><span>Panique à la plage ! Un monstre d’algues puantes et radioactives est en train d’envahir toute la côte.<br/> Choisis entre la famille de touristes, l’agriculteur et le scientifique pour voir comment vont ils interagir avec le monstre d’algues</span></span></p></article>
					<section class="InterfaceJ3">
						<section class="FondJ3">
							<img class="Monstre1" src="./pictures/Jeu3/Monstre-mechant.png">
							<img class="Monstre2" src="./pictures/Jeu3/monstre-gentil.png">
							<img class="Monstre3" src="./pictures/Jeu3/monstre-mange-enfant.png">
							<img class="Monstre4" src="./pictures/Jeu3/monstre-perplexe.png">
							<img class="Touriste2" src="./pictures/Jeu3/touriste-femme.png">
							<img class="Touriste3" src="./pictures/Jeu3/touriste-plongeur.png">
							<img class="Touriste1" src="./pictures/Jeu3/touriste-beauf.png">
							<img class="Touriste4" src="./pictures/Jeu3/enfants-sceau.png">
							<img class="Agriculteur" src="./pictures/Jeu3/agriculteur.png">
							<img class="PORC" src="./pictures/Jeu3/cochon-alias-rosette.png">
							<img class="Bouse1" src="./pictures/Jeu3/caca-de-rosette.png">
							<img class="Bouse2" src="./pictures/Jeu3/caca-pivoté.png">
							<img class="Bouse3" src="./pictures/Jeu3/caca-pivoté.png">
							<img class="Bouse4" src="./pictures/Jeu3/caca-pivoté.png">
							<img class="Sceau" src="./pictures/Jeu3/sceau.png">
							<img class="Scientifique" src="./pictures/Jeu3/scientifique.png">
							<img class="Scientifique-réussite" src="./pictures/Jeu3/scientifique-éprouvette.png">
							<img class="LogoScientifique1" src="./pictures/Jeu3/logo-alimentation.png">
{'fraction_non_alphanumeric': 0.18266135632058486, 'fraction_numerical': 0.02182334006219652, 'mean_word_length': 3.6043707611152977, 'pattern_counts': {'":': 0, '<': 489, '<?xml version=': 0, '>': 489, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5972', 'n_tokens_mistral': 8542, 'n_tokens_neox': 6903, 'n_words': 1257}