-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (112 loc) · 5.71 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
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Les bases d'une page HTML
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Charte de Groupe - Simplon 2022</title>
<meta name="description" content="Notre Charte de Promo">
<meta name="author" content="Promo Simplon SNCF">
<!-- Métadonnées spécifique Mobiles
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Liaisons des Polices
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- Liaisons des fichiers CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/skeleton.css">
<link rel="stylesheet" href="./css/style.css">
<!-- Liaisons du fichier JS si vous faites le bonus
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="script.js" defer></script>
<!-- Liaison du Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" href="/images/favicon.png" type="image/png">
</head>
<body>
<header class="header">
<div class="container">
<h4>
Promo DWWM - Simplon 2022
</h4>
</div>
</header>
<!-- Structure principale de la page
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<main class="container">
<div class="row">
<div class="column">
<h4>Ceci est notre charte de promo</h4>
<p>Ces règles nous unissent et ont été (longuement) <span class="emoji">😅</span>! <strong>débattues</strong> et
<strong> votées </strong> pour pouvoir selectionner celles qui nous correspondent et nous unissent.
Les voici, prenez plaisir à les parcourir ! </p>
</div>
<div class="column">
<input type="button" id="acces_rapide" value="ACCÈS CHARTE">
</div>
</div>
<br>
<label class="regles" for="checkBtn1">
<h4 class="marge">Réussite Collective <span>(Cliquer pour étendre)</span></h4>
<input type="checkbox" id="checkBtn1">
<ul class="listing">
<li>Si j'ai fini un exercice, j'aide les autres</li>
<li>En cas de difficulté, je n'hésite pas à solliciter le groupe, à condition d'avoir suffisament chercher en autonomie.
Si je demande de l'aide, je m'engage à approfondir le sujet par moi même.</li>
<li>Je pratique la critique positive. Je donne des pistes d'amélioration / une argumentation et je reste bienveillant.</li>
<li>Je partage mes sources, bonnes pratiques, trucs et astuces.</li>
<li>Je reste positive et j'en parle aux autres en cas de souci.</li>
<li>Ne pas toujours faire des groupes par affinités, et faire des efforts même si on ne s'entend pas plus que ça avec les autres.
Aller vers les personnes timides et leur laisser la parole dans les travaux de groupe.</li>
</ul>
</label>
<br>
<label class="regles" for="checkBtn2">
<h4 class="marge">Vivre ensemble <span>(Cliquer pour étendre)</span></h4>
<input type="checkbox" id="checkBtn2">
<ul class="listing">
<li>Je fais en sorte qu'il n'y ait pas de bruits parasytes (téléphone en silencieux, je ramène mes écouteurs)</li>
<li>Je fais attention aux affaires des autres quand ils sont absents.</li>
<li>Je reste moi même.</li>
</ul>
</label>
<br>
<label class="regles"for="checkBtn3">
<h4 class="marge">Spécial covid <span>(Cliquer pour étendre)</span></h4>
<input type="checkbox" id="checkBtn3">
<ul class="listing">
<li>Port du masque quand vous me sentez.</li>
<li>Lavage des mains 10 fois par jour.</li>
<li>Distanciation de 10 cm obligatoire.</li>
</ul>
</label>
<br>
<label class="regles"for="checkBtn4">
<h4 class="marge">Pour le fun <span>(Cliquer pour étendre)</span></h4>
<input type="checkbox" id="checkBtn4">
<ul class="listing" >
<li>Le dernier apporte les viennoiseries !</li>
<li>On fête les anniversaires.</li>
<li>Le plus déprimé paie son coup !!</li>
</ul>
</label><br>
<section>
Grâce à ce règlement on obtient le code suivant :
<pre><code style="overflow: auto;">
var compétencesDePromo = [];
var humeurPromo = 'Au top';
if('règles comprises' == true && 'règles appliquées' == true) {
compétencesDePromo.push(new Compétence());
} else {
humeurPromo = 'Pas top';
}
</code></pre>
</section>
<input type="button" value="RANDOM APPRENANT" onclick="random_apprenant()" id="random_apprenant">
</main>
<!-- Fin du document (fermeture des balises)
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>