This repository has been archived by the owner on Jul 11, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
130 lines (116 loc) · 6.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--##########################################################################################################-->
<!-- Description -->
<meta name="author" content="Vincent PORTA-SCARTA">
<title>L'île des ordinateurs</title>
<!--##########################################################################################################-->
<!-- Favicon -->
<link rel="icon" type="image/png" size="96x96" href="assets/icon.png">
<!--##########################################################################################################-->
<!-- Bootstrap -->
<!-- Bootstrap core CSS -->
<link href="modules/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Bootstrap core JavaScript -->
<script src="modules/jquery/jquery.min.js"></script>
<script src="modules/bootstrap/js/bootstrap.js"></script>
<!-- Bootstrap dialog extension -->
<script src="modules/bootbox/bootbox.min.js"></script>
<!--##########################################################################################################-->
</head>
<body style="padding-top: 50px; padding-bottom: 20px;">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand">Mission Info</div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hidden"><a href="#" onclick="clearLocalStorage();">Réinitialiser Application</a></li>
<li><a href="#" onclick="showCredits();">Crédits</a></li>
<li><a href="#" onclick="showLibs();">Librairies</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron" style="background-image: url(assets/img/fond_accueil.png); background-size: cover">
<div class="container text-center" style="color: white; text-shadow: 3px 3px 6px #333, -3px -3px 6px #333, -3px 3px 6px #333, 3px -3px 6px #333;">
<h1>Bienvenue</h1>
<p>Je m'appelle {ROBOT_NAME}, je serai ton guide<br>pour partir à la découverte de l'île et de tous ses secrets
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>1. Découvre l'île</h3>
<p><a class="btn btn-warning btn-block" href="decouverte/index.html" role="button">C'est parti !</a></p>
<p style="text-align: justify">Dans ce module, pars à la découverte de l'île pour découvrir le monde des ordinateurs et de la programmation</p>
</div>
<div class="col-md-4">
<h3>2. Répare {ROBOT_NAME}</h3>
<p><a class="btn btn-warning btn-block" href="logique/index.html" role="button">C'est parti !</a></p>
<p style="text-align: justify">{ROBOT_NAME} a essayé une nouvelle fusée ! Cependant, son expérience a
mal tourné. Aide-le à régler son problème.</p>
</div>
<div class="col-md-4">
<h3>3. Communique avec le continent</h3>
<p><a class="btn btn-warning btn-block" href="codage/index.html" role="button">C'est parti !</a></p>
<p style="text-align: justify">Après la grosse tempête qui t'a fait échouer sur l'île, des personnes sur
le continent se demande si tu vas
bien. Envoie-leur un message pour leur dire que tout se passe bien.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3>4. Pars à la chasse aux trésors</h3>
<p><a class="btn btn-warning btn-block" href="carte/index.html" role="button">C'est parti !</a></p>
<p style="text-align: justify">D'après d'anciennes cartes de l'île, il y aurait un trésor qui se
cacherait quelque part. Construis-toi une boussole et pars à la recherche du trésor.</p>
</div>
<div class="col-md-4">
<h3>5. Dessine ta cabane</h3>
<p><a class="btn btn-warning btn-block" href="architecture/index.html" role="button">C'est parti !</a>
</p>
<p style="text-align: justify">Une autre tempête semble arriver sur l'île. Tu te dépêches pour
construire une petite cabane mais tu n'as plus de force. {ROBOT_NAME} propose de t'aider si tu lui
fabriques un plan de ta future cabane.</p>
</div>
<div class="col-md-4">
<h3>6. Silence, on tourne</h3>
<p>
<div class="row">
<div class="col-md-6">
<a class="btn btn-warning btn-block" href="animation/index.html" role="button">C'est parti
!</a>
</div>
<div class="col-md-6">
<a class="btn btn-warning btn-block" href="animation/pages/16/index.html" role="button">Activité
finale</a>
</div>
</div>
</p>
<p style="text-align: justify">Tu aimerais bien filmer tes aventures avant de partir mais tu as oublié
de prendre une caméra avec toi. {ROBOT_NAME} te propose te réaliser un petit dessin animé pour
raconter
toutes tes histoires.</p>
</div>
</div>
</div>
<!-- Javascript custom functions -->
<script src="assets/js/globals.js"></script>
<!--##########################################################################################################-->
</body>
</html>