Skip to content
Snippets Groups Projects
index.html 2.92 KiB
<!DOCTYPE html>
<html>
	<head>
		<title>Road to the Moon !</title>
		<meta charset="utf-8" />
    <link rel="stylesheet" href="../res/style.css" />
		<!-- Import des bibliothèques js nécessaires -->
		<script src="../res/lib/jquery.js"></script>
		<script src="../res/lib/serial.js"></script>
		<script src="../res/lib/svg.min.js"></script>

		<script src="../res/lib/blockly/blockly_compressed.js"></script>
		<script src="../res/lib/blockly/blocks_compressed.js"></script>
		<script src="../res/lib/blockly/javascript_compressed.js"></script>
		<script src="../res/lib/blockly/msg/js/fr.js"></script>
		<script src="../res/lib/JS-Interpreter/acorn_interpreter.js"></script>

    <script>
        $(function(){
            $("#header").load("../res/header.html");
            $("#footer").load("../res/activity_footer.html");
        });
    </script>
	</head>


	<body>
		<div id="intro_modal" class="modal">
		  <div class="modal-content">
		    <span class="close">&times;</span>
				<h1 style="text-align: center;">Bienvenue dans la mission 2 !</h1>
				<p>Le carburant est chargé dans la fusée, les astronautes sont à bord et tous les voyants sont au vert... C'est l'heure du décollage !</p>
				<p>Il faut mettre la fusée sur orbite. Pour cela, on contrôle la puissance des moteurs de la fusée. Plus ils fonctionnent de façon puissante, plus ils consomment de carburants. Heureusement, une fusée est constituée de plusieurs étages, dès qu'un étage est vide, on peut le larguer et continuer avec le carburant de celui d'après. </p>
				<p>Attention également, dans la zone dite de "Max Q" (pression dynamique maximale), si la fusée va trop vite, elle risque d'exploser. Pensez à réduire la puissance des moteurs dans cette zone donc !</p>
				<p style="text-align: center;">
					<iframe width="560" height="315" src="https://www.youtube.com/embed/FubpK1Tho6M?start=135" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
				</br>
					<strong>A vous de jouer ! Bon vol !</strong></p>
		  </div>
		</div>
		<header id="header"></header>

		<section class="mainSection">
			<!-- Création de la div portant blockly et d'un conteneur supérieur pour le responsive-->
			<div id="blocklyArea">
				<div id="blocklyDiv" ></div>
			</div>

			<div id="toolsArea">
				<div id="animationArea">
				</div>
				<a class="button" id="connectButton">Connecter à la maquette</a>
				<a class="button" id="runButton">Lancer le programme !</a>
			</div>

		</section>

		<footer id="footer"></footer>
	</body>

	<!-- Script d'intanciation lancé au chargement, doit toujours être à la fin-->
	<script src="../res/blocks/arduino_blocks_def.js"></script>
	<script src="../res/blocks/arduino_blocks_gen.js"></script>
	<script src="../res/activity_functions.js"></script>
	<script src="main-script.js"></script>

</html>