-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (152 loc) · 8.36 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Les bases d'une page HTML
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Promo DWWWM - Toulouse 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="./index.js"></script>
<!-- TODO -->
<!-- Liaison du Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon">
<!-- TODO -->
</head>
<body>
<header class="header">
<div class="container">
<h3>
Promo DWWM - Toulouse 2022
</h3>
</div>
</header>
<!-- Structure principale de la page
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<main class="container">
<div class="row">
<section class="column-1">
<div class="tete">
<div class="promo">
<h4>Ceci est notre charte de promo</h4>
<p>Ces règles nous unissent et ont été (longuement 😜)<strong> débatues </strong> et
<strong> votées </strong> pour pouvoir sélectionner celles qui nous correspondent et nous
unissent. Les voici, prenez plaisir à les parcourir ! </p>
</div>
<div>
<button class="button"><a href="./asset/Charte d’engagement .pdf">Accès charte</a></button>
</div>
</div>
</section>
<section class="column">
<div class="menu">
<details>
<summary>
<h4>Réussite Collective</h4>
<p class="etendre">(Cliquez pour étendre)</p>
</summary>
<ul>
<li>Si j'ai un exercice, j'aide les autres</li>
<li>En cas de difficulté, je n'hésite pas à solliciter le groupe, à condition d'avoir
suffisament recherché en autonomie, si je demande de l'aide je m'engage à appronfondir
le sujet par moi même.</li>
<li>Je pratique la critique positive, je donne des pistes d'amélioration/une argumenation et
je reste bienveillant.</li>
<li>Je partage mes sources, bonnes pratiques, trucs et astuces.</li>
<li>Je reste positif et j'en parle aux autres en cas de soucis.</li>
<li>Ne pas toujours faire des groupes par affinité,et faire des efforts même si on ne
s'entend pas plus que ça avec l'autre, aller vers les personnes timides et leur laisser
la parole dans les travaux de groupe.</li>
</ul>
</details>
</div>
</section>
<section class="column">
<div class="menu">
<details>
<summary>
<h4>Vivre ensemble</h4>
<p class="etendre">(Cliquez pour étendre)</p>
</summary>
<ul>
<li>Je fais en sorte de limiter les bruits parasites (téléphone, discussion, ...)</li>
<li>Je reste moi même.</li>
<li>Je suis à l'écoute de mes collégues. </li>
<li>Je respecte les lieux mis à ma disposition pendant ma formation.</li>
<li>Je préviens en cas de problème rencontré pendant mes trajets.</li>
</ul>
</div>
</section>
<section class="column">
<div class="menu">
<details>
<summary>
<h4>Spécial COVID ...</h4>
<p class="etendre">(cliquez pour étendre)</p>
</summary>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic quisquam minima quis,
reiciendis, ipsa laborum quibusdam, placeat omnis qui dignissimos illo harum error
perferendis officia ipsam reprehenderit nostrum dolorem officiis!</li>
<li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis rem ducimus in
fugiat similique at alias dicta nostrum porro ut ullam rerum, fuga voluptatem debitis.
Dolores magnam neque sapiente deserunt velit, alias iusto obcaecati possimus fugiat.
Consequatur, reiciendis, possimus fugit consequuntur doloremque, qui eveniet vero
officiis corrupti fugiat ipsa quam!</li>
<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda, enim! Quibusdam
excepturi dolorum est, eius vero magni incidunt. Ut, officiis!
</li>
</ul>
</div>
</section>
<section class="column">
<div class="menu">
<details>
<summary>
<h4>Pour le fun !!!</h4>
<p class="etendre">(cliquez pour étendre)</p>
</summary>
<ul>
<li>L'apprenant ou le formateur qui sera en retard, se doit d'apporter les viennoiseries le
lendemain matin.</li>
<li>Le café doit être fait par le premier arrivé.</li>
<li>Le dernier sortie doit éteindre la lumière.</li>
</ul>
</div>
</section>
</div>
<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>
<div class="random">
<button id="remplace" onclick="areStudent()">RANDOM APPRENANT</button>
</div>
</section>
</main>
<!-- Fin du document (fermeture des balises)
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>