epfl-elements 5.0.2 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/content-types/study-plan/study-plan-bachelor.twig +118 -229
- package/dist/components/content-types/study-plan/study-plan-master.twig +50 -100
- package/dist/components/organisms/hero/hero.yml +2 -0
- package/dist/css/elements.css +28 -0
- package/dist/css/elements.min.css +1 -1
- package/dist/css/elements.min.css.map +1 -1
- package/dist/js/reader.js +22 -22
- package/dist/js/reader.min.js +2 -2
- package/dist/js/reader.min.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -13,35 +13,15 @@
|
|
|
13
13
|
</div>
|
|
14
14
|
<div class="bachlor">
|
|
15
15
|
<div class="titre_bachlor bold">Master 1 </div>
|
|
16
|
-
<div class="titre">
|
|
17
|
-
<div class="cep"><abbr title="Cours">c</abbr></div>
|
|
18
|
-
<div class="cep"><abbr title="Exercices">e</abbr></div>
|
|
19
|
-
<div class="cep"><abbr title="Pratiques">p</abbr></div>
|
|
20
|
-
</div>
|
|
21
16
|
</div>
|
|
22
17
|
<div class="bachlor">
|
|
23
18
|
<div class="titre_bachlor bold">Master 2 </div>
|
|
24
|
-
<div class="titre">
|
|
25
|
-
<div class="cep"><abbr title="Cours">c</abbr></div>
|
|
26
|
-
<div class="cep"><abbr title="Exercices">e</abbr></div>
|
|
27
|
-
<div class="cep"><abbr title="Pratiques">p</abbr></div>
|
|
28
|
-
</div>
|
|
29
19
|
</div>
|
|
30
20
|
<div class="bachlor">
|
|
31
21
|
<div class="titre_bachlor bold">PDM automne</div>
|
|
32
|
-
<div class="titre">
|
|
33
|
-
<div class="cep"><abbr title="Cours">c</abbr></div>
|
|
34
|
-
<div class="cep"><abbr title="Exercices">e</abbr></div>
|
|
35
|
-
<div class="cep"><abbr title="Pratiques">p</abbr></div>
|
|
36
|
-
</div>
|
|
37
22
|
</div>
|
|
38
23
|
<div class="bachlor">
|
|
39
24
|
<div class="titre_bachlor bold">PDM printemps</div>
|
|
40
|
-
<div class="titre">
|
|
41
|
-
<div class="cep"><abbr title="Cours">c</abbr></div>
|
|
42
|
-
<div class="cep"><abbr title="Exercices">e</abbr></div>
|
|
43
|
-
<div class="cep"><abbr title="Pratiques">p</abbr></div>
|
|
44
|
-
</div>
|
|
45
25
|
</div>
|
|
46
26
|
<div class="examen">
|
|
47
27
|
<div class="titre_bachlor bold">Examens</div>
|
|
@@ -73,34 +53,26 @@
|
|
|
73
53
|
</div>
|
|
74
54
|
|
|
75
55
|
<div class="bachlor local-color-light bachlor-color" data-title="Master 1">
|
|
76
|
-
<div class="
|
|
77
|
-
<div class="cep">– </div>
|
|
78
|
-
<div class="cep">– </div>
|
|
79
|
-
<div class="cep">– </div>
|
|
80
|
-
</div>
|
|
56
|
+
<div class="schedule-text no-course" aria-hidden="true"><span>–</span></div>
|
|
81
57
|
</div>
|
|
82
58
|
|
|
83
59
|
<div class="bachlor local-color bachlor-color" data-title="Master 2">
|
|
84
|
-
<div class="
|
|
85
|
-
<div class="cep">– </div>
|
|
86
|
-
<div class="cep">– </div>
|
|
87
|
-
<div class="cep">– </div>
|
|
88
|
-
</div>
|
|
60
|
+
<div class="schedule-text no-course" aria-hidden="true"><span>–</span></div>
|
|
89
61
|
</div>
|
|
90
62
|
|
|
91
63
|
<div class="bachlor local-color bachlor-color" data-title="PDM automne">
|
|
92
|
-
<div class="
|
|
93
|
-
<
|
|
94
|
-
|
|
95
|
-
|
|
64
|
+
<div class="schedule-text">
|
|
65
|
+
<ul>
|
|
66
|
+
<li>Pratique: 900h</li>
|
|
67
|
+
</ul>
|
|
96
68
|
</div>
|
|
97
69
|
</div>
|
|
98
70
|
|
|
99
71
|
<div class="bachlor local-color bachlor-color" data-title="PDM printemps">
|
|
100
|
-
<div class="
|
|
101
|
-
<
|
|
102
|
-
|
|
103
|
-
|
|
72
|
+
<div class="schedule-text">
|
|
73
|
+
<ul>
|
|
74
|
+
<li>Pratique: 900h</li>
|
|
75
|
+
</ul>
|
|
104
76
|
</div>
|
|
105
77
|
</div>
|
|
106
78
|
|
|
@@ -142,34 +114,34 @@
|
|
|
142
114
|
</div>
|
|
143
115
|
|
|
144
116
|
<div class="bachlor local-color-light bachlor-color" data-title="Master 1">
|
|
145
|
-
<div class="
|
|
146
|
-
<
|
|
147
|
-
|
|
148
|
-
|
|
117
|
+
<div class="schedule-text">
|
|
118
|
+
<ul>
|
|
119
|
+
<li>Pratique: 320h</li>
|
|
120
|
+
</ul>
|
|
149
121
|
</div>
|
|
150
122
|
</div>
|
|
151
123
|
|
|
152
124
|
<div class="bachlor local-color bachlor-color" data-title="Master 2">
|
|
153
|
-
<div class="
|
|
154
|
-
<
|
|
155
|
-
|
|
156
|
-
|
|
125
|
+
<div class="schedule-text">
|
|
126
|
+
<ul>
|
|
127
|
+
<li>Pratique: 320h</li>
|
|
128
|
+
</ul>
|
|
157
129
|
</div>
|
|
158
130
|
</div>
|
|
159
131
|
|
|
160
132
|
<div class="bachlor local-color bachlor-color" data-title="PDM automne">
|
|
161
|
-
<div class="
|
|
162
|
-
<
|
|
163
|
-
|
|
164
|
-
|
|
133
|
+
<div class="schedule-text">
|
|
134
|
+
<ul>
|
|
135
|
+
<li>Pratique: 320h</li>
|
|
136
|
+
</ul>
|
|
165
137
|
</div>
|
|
166
138
|
</div>
|
|
167
139
|
|
|
168
140
|
<div class="bachlor local-color bachlor-color" data-title="PDM printemps">
|
|
169
|
-
<div class="
|
|
170
|
-
<
|
|
171
|
-
|
|
172
|
-
|
|
141
|
+
<div class="schedule-text">
|
|
142
|
+
<ul>
|
|
143
|
+
<li>Pratique: 320h</li>
|
|
144
|
+
</ul>
|
|
173
145
|
</div>
|
|
174
146
|
</div>
|
|
175
147
|
|
|
@@ -207,19 +179,9 @@
|
|
|
207
179
|
</div>
|
|
208
180
|
<div class="bachlor">
|
|
209
181
|
<div class="titre_bachlor bold">Master 1 </div>
|
|
210
|
-
<div class="titre">
|
|
211
|
-
<div class="cep"><abbr title="Cours">c</abbr></div>
|
|
212
|
-
<div class="cep"><abbr title="Exercices">e</abbr></div>
|
|
213
|
-
<div class="cep"><abbr title="Pratiques">p</abbr></div>
|
|
214
|
-
</div>
|
|
215
182
|
</div>
|
|
216
183
|
<div class="bachlor">
|
|
217
184
|
<div class="titre_bachlor bold">Master 2 </div>
|
|
218
|
-
<div class="titre">
|
|
219
|
-
<div class="cep"><abbr title="Cours">c</abbr></div>
|
|
220
|
-
<div class="cep"><abbr title="Exercices">e</abbr></div>
|
|
221
|
-
<div class="cep"><abbr title="Pratiques">p</abbr></div>
|
|
222
|
-
</div>
|
|
223
185
|
</div>
|
|
224
186
|
<div class="specialisation">
|
|
225
187
|
<div class="titre_bachlor bold">Spécialisation</div>
|
|
@@ -254,18 +216,15 @@
|
|
|
254
216
|
</div>
|
|
255
217
|
|
|
256
218
|
<div class="bachlor local-color-light bachlor-color" data-title="Master 1">
|
|
257
|
-
<div class="
|
|
258
|
-
<div class="cep">– </div>
|
|
259
|
-
<div class="cep">– </div>
|
|
260
|
-
<div class="cep">– </div>
|
|
261
|
-
</div>
|
|
219
|
+
<div class="schedule-text no-course" aria-hidden="true"><span>–</span></div>
|
|
262
220
|
</div>
|
|
263
221
|
|
|
264
222
|
<div class="bachlor local-color bachlor-color" data-title="Master 2">
|
|
265
|
-
<div class="
|
|
266
|
-
<
|
|
267
|
-
|
|
268
|
-
|
|
223
|
+
<div class="schedule-text">
|
|
224
|
+
<ul>
|
|
225
|
+
<li>Cours: 4h</li>
|
|
226
|
+
<li>Exercices: 3h</li>
|
|
227
|
+
</ul>
|
|
269
228
|
</div>
|
|
270
229
|
</div>
|
|
271
230
|
|
|
@@ -319,18 +278,15 @@
|
|
|
319
278
|
</div>
|
|
320
279
|
|
|
321
280
|
<div class="bachlor local-color-light bachlor-color" data-title="Master 1">
|
|
322
|
-
<div class="
|
|
323
|
-
<div class="cep">– </div>
|
|
324
|
-
<div class="cep">– </div>
|
|
325
|
-
<div class="cep">– </div>
|
|
326
|
-
</div>
|
|
281
|
+
<div class="schedule-text no-course" aria-hidden="true"><span>–</span></div>
|
|
327
282
|
</div>
|
|
328
283
|
|
|
329
284
|
<div class="bachlor local-color bachlor-color" data-title="Master 2">
|
|
330
|
-
<div class="
|
|
331
|
-
<
|
|
332
|
-
|
|
333
|
-
|
|
285
|
+
<div class="schedule-text">
|
|
286
|
+
<ul>
|
|
287
|
+
<li>Cours: 2h</li>
|
|
288
|
+
<li><abbr title="Travaux pratiques">TP</abbr>: 2h</li>
|
|
289
|
+
</ul>
|
|
334
290
|
</div>
|
|
335
291
|
</div>
|
|
336
292
|
|
|
@@ -382,18 +338,15 @@
|
|
|
382
338
|
</div>
|
|
383
339
|
|
|
384
340
|
<div class="bachlor local-color-light bachlor-color" data-title="Master 1">
|
|
385
|
-
<div class="
|
|
386
|
-
<div class="cep">– </div>
|
|
387
|
-
<div class="cep">– </div>
|
|
388
|
-
<div class="cep">– </div>
|
|
389
|
-
</div>
|
|
341
|
+
<div class="schedule-text no-course" aria-hidden="true"><span>–</span></div>
|
|
390
342
|
</div>
|
|
391
343
|
|
|
392
344
|
<div class="bachlor local-color bachlor-color" data-title="Master 2">
|
|
393
|
-
<div class="
|
|
394
|
-
<
|
|
395
|
-
|
|
396
|
-
|
|
345
|
+
<div class="schedule-text">
|
|
346
|
+
<ul>
|
|
347
|
+
<li>Cours: 2h</li>
|
|
348
|
+
<li>Exercices: 2h</li>
|
|
349
|
+
</ul>
|
|
397
350
|
</div>
|
|
398
351
|
</div>
|
|
399
352
|
|
|
@@ -443,19 +396,16 @@
|
|
|
443
396
|
</div>
|
|
444
397
|
|
|
445
398
|
<div class="bachlor local-color-light bachlor-color" data-title="Master 1">
|
|
446
|
-
<div class="
|
|
447
|
-
<
|
|
448
|
-
|
|
449
|
-
|
|
399
|
+
<div class="schedule-text">
|
|
400
|
+
<ul>
|
|
401
|
+
<li>Cours: 2h</li>
|
|
402
|
+
<li>Exercices: 2h</li>
|
|
403
|
+
</ul>
|
|
450
404
|
</div>
|
|
451
405
|
</div>
|
|
452
406
|
|
|
453
407
|
<div class="bachlor local-color bachlor-color" data-title="Master 2">
|
|
454
|
-
<div class="
|
|
455
|
-
<div class="cep">– </div>
|
|
456
|
-
<div class="cep">– </div>
|
|
457
|
-
<div class="cep">– </div>
|
|
458
|
-
</div>
|
|
408
|
+
<div class="schedule-text no-course" aria-hidden="true"><span>–</span></div>
|
|
459
409
|
</div>
|
|
460
410
|
|
|
461
411
|
<div class="specialisation" data-title="Spécialisation">
|
|
@@ -3,6 +3,8 @@ title: Hero
|
|
|
3
3
|
notes: |
|
|
4
4
|
The hero component is used as intro to basic pages.
|
|
5
5
|
|
|
6
|
+
You can add the `.top-center` class to the `<img>` tag if you want the background picture to be centred from the top of the image, or the `bottom-center` class to the `<img>` tag if you want the background picture to be centred from the bottom of the image.
|
|
7
|
+
|
|
6
8
|
variants:
|
|
7
9
|
- name: legend
|
|
8
10
|
title: Hero with image legend
|
package/dist/css/elements.css
CHANGED
|
@@ -16929,6 +16929,14 @@ a.nav-arrow:hover .icon-container {
|
|
|
16929
16929
|
width: 100%;
|
|
16930
16930
|
height: 100%;
|
|
16931
16931
|
}
|
|
16932
|
+
.hero-img img.top-center {
|
|
16933
|
+
-o-object-position: top center;
|
|
16934
|
+
object-position: top center;
|
|
16935
|
+
}
|
|
16936
|
+
.hero-img img.bottom-center {
|
|
16937
|
+
-o-object-position: bottom center;
|
|
16938
|
+
object-position: bottom center;
|
|
16939
|
+
}
|
|
16932
16940
|
@media (min-width: 1600px) {
|
|
16933
16941
|
.hero-img picture {
|
|
16934
16942
|
height: 80vh;
|
|
@@ -17545,6 +17553,19 @@ a.cc-link {
|
|
|
17545
17553
|
font-size: 1rem;
|
|
17546
17554
|
font-weight: 700;
|
|
17547
17555
|
}
|
|
17556
|
+
.table-like ul {
|
|
17557
|
+
margin: 0;
|
|
17558
|
+
padding: 0;
|
|
17559
|
+
}
|
|
17560
|
+
.table-like ul li {
|
|
17561
|
+
line-height: 1.3;
|
|
17562
|
+
}
|
|
17563
|
+
.table-like ul li:before {
|
|
17564
|
+
top: 0.45em;
|
|
17565
|
+
}
|
|
17566
|
+
.table-like ul li + li {
|
|
17567
|
+
margin-top: 0.25em;
|
|
17568
|
+
}
|
|
17548
17569
|
.table-like .line,
|
|
17549
17570
|
.table-like .first-line {
|
|
17550
17571
|
display: grid;
|
|
@@ -17655,6 +17676,13 @@ a.cc-link {
|
|
|
17655
17676
|
.table-like .line-down .bachlor {
|
|
17656
17677
|
padding: 0 !important;
|
|
17657
17678
|
}
|
|
17679
|
+
.table-like .schedule-text.no-course {
|
|
17680
|
+
display: flex;
|
|
17681
|
+
justify-content: center;
|
|
17682
|
+
align-items: center;
|
|
17683
|
+
height: 100%;
|
|
17684
|
+
color: #8e8e8e;
|
|
17685
|
+
}
|
|
17658
17686
|
.table-like .bachlor-text {
|
|
17659
17687
|
height: 100%;
|
|
17660
17688
|
background: repeating-linear-gradient(0deg, #fff, #fff 2px, #d5d5d5 2px, #d5d5d5 4px);
|