forked from Kappi-iut/Climainfo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
598 lines (535 loc) · 71.8 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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nuit de l'Info - Réalisations</title>
<link rel="stylesheet" href="css/stylePrincipal.css">
<link rel="stylesheet" href="style.css" >
<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
</head>
<body>
<audio controls autoplay loop>
<source id="musique" src="audio/noelAudio.mp3">
</audio>
<header>
<nav>
<div class="title-container"><h1>Réalisations de la Nuit de l'Info</h1></div>
<div><a id="actuel" href="index.html">Accueil</a></div>
<div><a href="https://aurelien-aqr.github.io/ClimaInfo/ClimaInfo-1.0-web/index.html">Défi PRINCIPAL Nuit de l'info</a></div>
<div id="divRythmes">
<a href="index.html">Défi jeu de rythme caché</a>
<script>
rythme = document.getElementById("divRythmes");
//vérifie si la touche a et le click sont enfoncés alors lance la page de rythme
document.addEventListener('keydown', function(event) {
if (event.key === 'r') {
window.location.href = 'rythm/jeuRythm.html';
}
});
</script>
</div>
<div><a href="pages/tetris/defiTetris.php">Défi Tetris 404 </a></div>
</nav>
</header>
<video autoplay muted loop id="myVideo">
<source src="video/noel.mp4" type="video/mp4">
</video>
<!--<script src="js/snowfall.js"></script>-->
<div class="contenu">
<div>
<h1>BIENVENUE SUR NOTRE PLATEFORME DEDIEE A L'OBJECTIF DE LA NUIT DE L'INFO : FAIRE FACE AU CHANGEMENT
DU</h1>
<style>
#ecoc {
display: none;
}
#ecol {
display: none;
}
#ecoi {
display: none;
}
#ecom {
display: none;
}
#ecoa {
display: none;
}
#ecot {
display: none;
}
</style>
<div id="climat" style="display: flex;justify-content: center;margin-bottom: 20px">
<div id="trigger_c" style=" min-height: 50px; min-width: 50px">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 80"
preserveAspectRatio="xMidYMid meet">
<g id="c" stroke="rgb(100, 100, 100)" fill="transparent" stroke-width="4" stroke-linecap="square">
<path d="m 25 15 A 15 15 0 0 0 35 65" fill="transparent"/>
<path d="m 35 15 A 15 15 0 0 0 25 65" fill="transparent"/>
</g>
<g id="ecoc">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" version="1.1">
<path d="M 215 304.500 C 216.866 306.425, 218.617 308, 218.892 308 C 219.167 308, 217.866 306.425, 216 304.500 C 214.134 302.575, 212.383 301, 212.108 301 C 211.833 301, 213.134 302.575, 215 304.500 M 259 349.896 C 253.088 352.387, 241.400 359.005, 231.750 365.325 L 224 370.401 224 400.464 C 224 425.277, 223.629 433.406, 221.875 447.014 C 219.351 466.597, 218.922 483.132, 220.822 487.631 C 223.112 493.053, 230.829 495.326, 251 496.519 C 270.375 497.664, 288.733 494.677, 292.831 489.712 C 295.889 486.007, 296.396 476.303, 294.619 455.486 C 293.063 437.267, 292.043 416.901, 290.535 374 L 289.991 358.500 286.745 355.718 C 278.546 348.691, 267.408 346.353, 259 349.896"
stroke="none" fill="#865b50" fill-rule="evenodd"/>
<path d="M 292.924 267.496 C 283.832 270.679, 272.806 272.294, 263.151 271.855 C 256.377 271.548, 255 271.741, 255 272.999 C 255 273.831, 254.331 280.359, 253.513 287.506 C 250.243 316.073, 246.919 333, 244.579 333 C 243.517 333, 231.132 320.677, 199.543 288.192 L 187.585 275.895 180.921 278.967 C 176.567 280.974, 171.260 282.426, 165.617 283.154 C 157.891 284.152, 157.112 284.440, 158.237 285.885 C 158.929 286.773, 163.793 292.450, 169.046 298.500 C 195.727 329.230, 216.106 353.293, 218.954 357.433 C 220.703 359.976, 222.390 363.630, 222.702 365.552 C 223.014 367.475, 223.638 369.277, 224.089 369.555 C 224.540 369.834, 227.067 368.527, 229.705 366.651 C 236.540 361.788, 253.520 352.160, 259.228 349.910 C 267.929 346.480, 275.949 347.902, 285.135 354.502 L 290 357.997 290.110 352.748 C 290.568 330.890, 291.296 323.920, 295.964 296.709 C 298.734 280.564, 301 266.825, 301 266.177 C 301 264.695, 300.860 264.718, 292.924 267.496 M 311.864 344 C 307.699 348.528, 292.752 366.459, 291.442 368.500 C 290.424 370.086, 290.352 374.842, 291.091 391.500 C 291.604 403.050, 292.131 413.560, 292.262 414.856 C 292.455 416.764, 295.182 413.908, 306.586 399.856 C 324.609 377.649, 346.078 349.416, 350.265 342.416 C 350.722 341.651, 345.494 341.356, 332.538 341.416 C 314.267 341.500, 314.151 341.514, 311.864 344"
stroke="none" fill="#6d4b41" fill-rule="evenodd"/>
<path d="M 138.173 77.011 C 135.413 81.495, 131.931 88.044, 130.436 91.563 C 127.930 97.459, 127.432 98.008, 124.108 98.538 C 115.654 99.888, 105.969 102.535, 98.500 105.538 C 69.526 117.189, 50.384 138.911, 40.369 171.505 C 37.812 179.828, 37.606 181.771, 37.606 197.500 C 37.606 213.183, 37.818 215.197, 40.350 223.500 C 44.135 235.916, 50.827 249.320, 57.978 258.811 C 63.688 266.387, 64 267.095, 64 272.454 C 64 284.585, 69.385 300.321, 77.747 312.622 C 82.915 320.224, 96.189 332.869, 104.956 338.540 C 131.935 355.993, 162.945 364.097, 191 361.026 C 201.227 359.907, 214.296 357.415, 216.688 356.129 C 217.916 355.469, 213.094 349.637, 176.214 307.172 C 165.548 294.892, 157.059 284.608, 157.348 284.318 C 157.638 284.029, 161.612 283.374, 166.179 282.863 C 171.872 282.226, 176.626 280.947, 181.293 278.795 C 187.987 275.710, 188.132 275.690, 189.878 277.579 C 201.036 289.644, 243.440 333, 244.082 333 C 247.035 333, 250.174 316.070, 254.503 276.803 L 255.131 271.107 263.315 271.673 C 272.267 272.292, 284.413 270.470, 294.519 266.994 C 301.303 264.659, 302.088 264.576, 301.494 266.250 C 300.268 269.712, 291.104 327.447, 290.824 333.475 L 290.500 340.450 300.353 342.787 C 309.881 345.045, 310.273 345.063, 312.209 343.311 C 313.952 341.734, 316.229 341.489, 329.855 341.418 C 338.460 341.373, 347.029 340.985, 348.898 340.556 L 352.296 339.776 350.039 342.946 C 348.797 344.689, 348.021 346.355, 348.314 346.647 C 348.607 346.940, 353.838 346.448, 359.938 345.553 C 403.578 339.153, 436.398 315.501, 455.755 276.500 C 465.329 257.210, 469.899 240.175, 470.707 220.764 C 471.571 200.011, 468.458 184.925, 459.650 167.175 L 455.519 158.850 454.284 168.175 C 450.281 198.406, 435.302 223.495, 412.419 238.298 C 394.611 249.817, 365.608 257.895, 346.124 256.761 C 331.184 255.892, 326.335 252.048, 330.886 244.684 C 332.034 242.826, 337.609 237.459, 343.275 232.757 C 361.843 217.347, 370.467 206.708, 379.043 188.630 C 390.773 163.905, 393.271 137.577, 384.975 126.124 C 382.825 123.156, 381.113 121.924, 378.441 121.423 C 372.172 120.247, 370.175 122.719, 364.966 138.106 C 359.698 153.668, 356.844 159.509, 349.135 170.500 C 331.605 195.495, 311.669 208.957, 280.469 216.866 C 250.917 224.357, 214.804 223.403, 192.500 214.541 C 190.300 213.667, 180.846 209.095, 171.491 204.380 C 152.976 195.050, 147.069 193.414, 142.561 196.368 C 141.192 197.265, 139.550 199.769, 138.893 201.963 C 137.892 205.303, 137.977 206.651, 139.427 210.449 C 141.657 216.287, 146.102 220.129, 165.972 233.389 C 182.768 244.598, 186.581 248.428, 187.594 255.110 C 188.359 260.157, 185.357 264.777, 178.966 268.387 C 174.317 271.014, 172.359 271.479, 164.510 271.823 C 139.808 272.903, 105.119 259.119, 87.038 241.038 C 73.270 227.270, 64.974 208.515, 63.359 187.508 C 61.460 162.803, 76.395 135.786, 98.217 124.450 C 104.936 120.960, 107.287 121.264, 112.793 126.337 C 132.403 144.403, 153.055 152.834, 175.205 151.815 C 185.304 151.350, 188.690 150.014, 189.683 146.099 C 190.629 142.370, 187.597 138.101, 179.316 131.500 C 175.176 128.200, 169.580 122.575, 166.882 119 C 160.181 110.122, 151.731 93.359, 147.387 80.325 C 145.403 74.371, 143.647 69.355, 143.485 69.179 C 143.323 69.002, 140.933 72.526, 138.173 77.011"
stroke="none" fill="#5b9821" fill-rule="evenodd"/>
<path d="M 238.708 13.172 C 212.746 15.838, 187.838 26.040, 167.437 42.362 C 158.509 49.505, 145.351 63.937, 144.393 67.635 C 143.569 70.822, 150.237 89.676, 156.485 101.825 C 163.678 115.811, 170.093 124.149, 179.316 131.500 C 187.597 138.101, 190.629 142.370, 189.683 146.099 C 188.690 150.014, 185.304 151.350, 175.205 151.815 C 153.055 152.834, 132.403 144.403, 112.793 126.337 C 107.287 121.264, 104.936 120.960, 98.217 124.450 C 76.395 135.786, 61.460 162.803, 63.359 187.508 C 64.974 208.515, 73.270 227.270, 87.038 241.038 C 105.119 259.119, 139.808 272.903, 164.510 271.823 C 172.359 271.479, 174.317 271.014, 178.966 268.387 C 185.357 264.777, 188.359 260.157, 187.594 255.110 C 186.581 248.428, 182.768 244.598, 165.972 233.389 C 146.102 220.129, 141.657 216.287, 139.427 210.449 C 137.977 206.651, 137.892 205.303, 138.893 201.963 C 139.550 199.769, 141.192 197.265, 142.561 196.368 C 147.069 193.414, 152.976 195.050, 171.491 204.380 C 192.029 214.731, 193.800 215.452, 206.500 218.644 C 220.324 222.118, 244.537 222.972, 261 220.566 C 286.860 216.787, 306.969 209.580, 322.500 198.523 C 334.155 190.226, 350.275 171.150, 357.589 157 C 359.153 153.975, 362.472 145.473, 364.966 138.106 C 370.175 122.719, 372.172 120.247, 378.441 121.423 C 381.113 121.924, 382.825 123.156, 384.975 126.124 C 393.271 137.577, 390.773 163.905, 379.043 188.630 C 370.467 206.708, 361.843 217.347, 343.275 232.757 C 337.609 237.459, 332.034 242.826, 330.886 244.684 C 326.335 252.048, 331.184 255.892, 346.124 256.761 C 365.608 257.895, 394.611 249.817, 412.419 238.298 C 425.097 230.096, 437.041 216.835, 443.760 203.500 C 449.275 192.555, 455 171.037, 455 161.253 C 455 156.412, 447.668 145.556, 437.558 135.428 C 430.274 128.130, 413.331 115.797, 401.374 109.087 C 398.252 107.334, 396.967 105.832, 396.092 102.911 C 393.777 95.185, 384.646 78.616, 377.411 69.011 C 352.788 36.324, 317.034 17.601, 270.576 13.066 C 258.182 11.856, 251.298 11.879, 238.708 13.172"
stroke="none" fill="#8bc02b" fill-rule="evenodd"/>
</svg>
</g>
</svg>
<script>
const svg_c = document.getElementById('c');
const svg_ecoc = document.getElementById('ecoc');
const trigger_c = document.getElementById('trigger_c');
trigger_c.addEventListener('mouseenter', () => {
svg_ecoc.style.display = 'block';
svg_c.style.display = 'none';
});
trigger_c.addEventListener('mouseleave', () => {
svg_ecoc.style.display = 'none';
svg_c.style.display = 'block';
});
</script>
</div>
<div id="trigger_l" style=" min-height: 50px; min-width: 50px">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 80"
preserveAspectRatio="xMidYMid meet">
<g id="l" stroke="rgb(100, 100, 100)" fill="transparent" stroke-width="4" stroke-linecap="square">
<path d="M 17 16 v 50 h 30 "/>
</g>
<g id="ecol">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 225" version="1.1">
<path d="M 95.776 76.733 C 98.128 76.945, 101.728 76.942, 103.776 76.727 C 105.824 76.512, 103.900 76.339, 99.500 76.343 C 95.100 76.346, 93.424 76.522, 95.776 76.733 M 80.708 81.164 C 75.610 85.328, 74.204 88.383, 71.889 100.324 C 69.153 114.440, 66.334 125.358, 63.431 133.076 C 60.152 141.796, 52.347 154.249, 46.072 160.774 C 40.551 166.514, 40.224 167.446, 42.557 170.777 C 45.235 174.601, 49.361 173.732, 54.557 168.250 C 60.024 162.482, 67.238 151.934, 69.828 145.925 C 70.876 143.491, 72.665 139.475, 73.803 137 C 74.941 134.525, 76.422 130.585, 77.096 128.244 L 78.320 123.987 93.637 146.950 C 103.519 161.764, 109.932 170.424, 111.709 171.356 C 114.390 172.760, 114.491 172.715, 115.482 169.649 C 116.265 167.228, 117.078 166.500, 119 166.500 C 121.106 166.500, 121.470 166.933, 121.312 169.250 C 121.093 172.440, 117.622 172.167, 156.463 172.015 C 189.237 171.886, 189.233 171.894, 170.191 146.549 C 149.758 119.352, 144 111.347, 144 110.135 C 144 109.511, 143.213 108.997, 142.250 108.992 C 141.287 108.988, 136.675 108.518, 132 107.946 C 127.325 107.375, 114.125 106.951, 102.667 107.003 C 83.063 107.092, 81.865 106.991, 82.348 105.299 C 82.631 104.309, 83.375 100.912, 84.002 97.750 C 84.629 94.588, 85.539 92, 86.025 92 C 86.511 92, 85.805 90.895, 84.455 89.545 C 81.603 86.694, 81.256 82.479, 83.655 79.829 C 86.064 77.167, 85.026 77.637, 80.708 81.164 M 111.564 86.707 C 111.022 88.132, 111.136 88.247, 112.124 87.267 C 112.808 86.588, 113.115 85.781, 112.807 85.474 C 112.499 85.166, 111.940 85.721, 111.564 86.707 M 149.750 89.662 C 150.438 89.940, 151.563 89.940, 152.250 89.662 C 152.938 89.385, 152.375 89.158, 151 89.158 C 149.625 89.158, 149.063 89.385, 149.750 89.662 M 141.269 90.693 C 142.242 90.947, 143.592 90.930, 144.269 90.656 C 144.946 90.382, 144.150 90.175, 142.500 90.195 C 140.850 90.215, 140.296 90.439, 141.269 90.693 M 132.750 91.662 C 133.438 91.940, 134.563 91.940, 135.250 91.662 C 135.938 91.385, 135.375 91.158, 134 91.158 C 132.625 91.158, 132.063 91.385, 132.750 91.662 M 88.813 92.683 C 89.534 92.972, 90.397 92.936, 90.729 92.604 C 91.061 92.272, 90.471 92.036, 89.417 92.079 C 88.252 92.127, 88.015 92.364, 88.813 92.683 M 126.813 92.683 C 127.534 92.972, 128.397 92.936, 128.729 92.604 C 129.061 92.272, 128.471 92.036, 127.417 92.079 C 126.252 92.127, 126.015 92.364, 126.813 92.683 M 120.813 93.683 C 121.534 93.972, 122.397 93.936, 122.729 93.604 C 123.061 93.272, 122.471 93.036, 121.417 93.079 C 120.252 93.127, 120.015 93.364, 120.813 93.683 M 116.872 95.750 C 115.629 97.336, 115.664 97.371, 117.250 96.128 C 118.916 94.821, 119.445 94, 118.622 94 C 118.415 94, 117.627 94.787, 116.872 95.750 M 159.195 98.500 C 159.215 100.150, 159.439 100.704, 159.693 99.731 C 159.947 98.758, 159.930 97.408, 159.656 96.731 C 159.382 96.054, 159.175 96.850, 159.195 98.500 M 117.733 105.124 C 118.412 105.808, 119.219 106.115, 119.526 105.807 C 119.834 105.499, 119.279 104.940, 118.293 104.564 C 116.868 104.022, 116.753 104.136, 117.733 105.124 M 155.872 105.750 C 154.629 107.336, 154.664 107.371, 156.250 106.128 C 157.213 105.373, 158 104.585, 158 104.378 C 158 103.555, 157.179 104.084, 155.872 105.750 M 89 119.533 C 89 120.068, 98.446 134.288, 107.642 147.599 L 112.546 154.698 120.023 138.685 C 124.135 129.878, 127.823 121.846, 128.218 120.836 C 128.900 119.092, 127.936 119, 108.968 119 C 97.985 119, 89 119.240, 89 119.533 M 39.813 123.683 C 40.534 123.972, 41.397 123.936, 41.729 123.604 C 42.061 123.272, 41.471 123.036, 40.417 123.079 C 39.252 123.127, 39.015 123.364, 39.813 123.683 M 52.813 123.683 C 53.534 123.972, 54.397 123.936, 54.729 123.604 C 55.061 123.272, 54.471 123.036, 53.417 123.079 C 52.252 123.127, 52.015 123.364, 52.813 123.683 M 170.813 123.683 C 171.534 123.972, 172.397 123.936, 172.729 123.604 C 173.061 123.272, 172.471 123.036, 171.417 123.079 C 170.252 123.127, 170.015 123.364, 170.813 123.683 M 183.813 123.683 C 184.534 123.972, 185.397 123.936, 185.729 123.604 C 186.061 123.272, 185.471 123.036, 184.417 123.079 C 183.252 123.127, 183.015 123.364, 183.813 123.683 M 134.982 133.250 C 132.612 138.338, 128.793 146.550, 126.496 151.500 L 122.318 160.500 134.159 160.815 C 145.027 161.105, 146.006 160.982, 146.070 159.315 C 146.127 157.858, 146.274 157.795, 146.820 159 C 147.378 160.231, 149.156 160.410, 156.729 160 L 165.957 159.500 159.729 151.264 C 156.303 146.734, 150.350 138.753, 146.500 133.529 C 142.650 128.305, 139.453 124.024, 139.395 124.015 C 139.337 124.007, 137.351 128.162, 134.982 133.250 M 18.872 132.750 C 17.629 134.336, 17.664 134.371, 19.250 133.128 C 20.212 132.373, 21 131.585, 21 131.378 C 21 130.555, 20.179 131.084, 18.872 132.750 M 204 131.378 C 204 131.585, 204.787 132.373, 205.750 133.128 C 207.336 134.371, 207.371 134.336, 206.128 132.750 C 204.821 131.084, 204 130.555, 204 131.378 M 39.813 135.683 C 40.534 135.972, 41.397 135.936, 41.729 135.604 C 42.061 135.272, 41.471 135.036, 40.417 135.079 C 39.252 135.127, 39.015 135.364, 39.813 135.683 M 183.813 135.683 C 184.534 135.972, 185.397 135.936, 185.729 135.604 C 186.061 135.272, 185.471 135.036, 184.417 135.079 C 183.252 135.127, 183.015 135.364, 183.813 135.683 M 190 137.393 C 190 137.609, 190.698 138.054, 191.552 138.382 C 192.442 138.723, 192.843 138.555, 192.493 137.989 C 191.906 137.038, 190 136.583, 190 137.393 M 80 138.378 C 80 138.585, 80.787 139.373, 81.750 140.128 C 83.336 141.371, 83.371 141.336, 82.128 139.750 C 80.821 138.084, 80 137.555, 80 138.378 M 142.872 139.750 C 141.629 141.336, 141.664 141.371, 143.250 140.128 C 144.213 139.373, 145 138.585, 145 138.378 C 145 137.555, 144.179 138.084, 142.872 139.750 M 3.079 157.583 C 3.127 158.748, 3.364 158.985, 3.683 158.188 C 3.972 157.466, 3.936 156.603, 3.604 156.271 C 3.272 155.939, 3.036 156.529, 3.079 157.583 M 134.079 158.583 C 134.127 159.748, 134.364 159.985, 134.683 159.188 C 134.972 158.466, 134.936 157.603, 134.604 157.271 C 134.272 156.939, 134.036 157.529, 134.079 158.583 M 2.310 167.500 C 2.315 170.800, 2.502 172.029, 2.725 170.232 C 2.947 168.435, 2.943 165.735, 2.715 164.232 C 2.486 162.729, 2.304 164.200, 2.310 167.500 M 14.310 167.500 C 14.315 170.800, 14.502 172.029, 14.725 170.232 C 14.947 168.435, 14.943 165.735, 14.715 164.232 C 14.486 162.729, 14.304 164.200, 14.310 167.500 M 91.310 167.500 C 91.315 170.800, 91.502 172.029, 91.725 170.232 C 91.947 168.435, 91.943 165.735, 91.715 164.232 C 91.486 162.729, 91.304 164.200, 91.310 167.500 M 210.310 167.500 C 210.315 170.800, 210.502 172.029, 210.725 170.232 C 210.947 168.435, 210.943 165.735, 210.715 164.232 C 210.486 162.729, 210.304 164.200, 210.310 167.500 M 222.310 167.500 C 222.315 170.800, 222.502 172.029, 222.725 170.232 C 222.947 168.435, 222.943 165.735, 222.715 164.232 C 222.486 162.729, 222.304 164.200, 222.310 167.500 M 79.300 168 C 79.300 171.025, 79.487 172.262, 79.716 170.750 C 79.945 169.238, 79.945 166.762, 79.716 165.250 C 79.487 163.738, 79.300 164.975, 79.300 168 M 120.079 175.583 C 120.127 176.748, 120.364 176.985, 120.683 176.188 C 120.972 175.466, 120.936 174.603, 120.604 174.271 C 120.272 173.939, 120.036 174.529, 120.079 175.583 M 3.079 177.583 C 3.127 178.748, 3.364 178.985, 3.683 178.188 C 3.972 177.466, 3.936 176.603, 3.604 176.271 C 3.272 175.939, 3.036 176.529, 3.079 177.583 M 221.079 177.583 C 221.127 178.748, 221.364 178.985, 221.683 178.188 C 221.972 177.466, 221.936 176.603, 221.604 176.271 C 221.272 175.939, 221.036 176.529, 221.079 177.583 M 112 178 C 110.718 178.828, 110.754 178.972, 112.250 178.985 C 113.213 178.993, 114 178.550, 114 178 C 114 176.780, 113.887 176.780, 112 178 M 103.079 185.583 C 103.127 186.748, 103.364 186.985, 103.683 186.188 C 103.972 185.466, 103.936 184.603, 103.604 184.271 C 103.272 183.939, 103.036 184.529, 103.079 185.583 M 115.750 190.662 C 116.438 190.940, 117.563 190.940, 118.250 190.662 C 118.938 190.385, 118.375 190.158, 117 190.158 C 115.625 190.158, 115.063 190.385, 115.750 190.662 M 10 193.378 C 10 193.585, 10.787 194.373, 11.750 195.128 C 13.336 196.371, 13.371 196.336, 12.128 194.750 C 10.821 193.084, 10 192.555, 10 193.378 M 212.872 194.750 C 211.629 196.336, 211.664 196.371, 213.250 195.128 C 214.916 193.821, 215.445 193, 214.622 193 C 214.415 193, 213.627 193.787, 212.872 194.750 M 52.813 199.683 C 53.534 199.972, 54.397 199.936, 54.729 199.604 C 55.061 199.272, 54.471 199.036, 53.417 199.079 C 52.252 199.127, 52.015 199.364, 52.813 199.683 M 170.813 199.683 C 171.534 199.972, 172.397 199.936, 172.729 199.604 C 173.061 199.272, 172.471 199.036, 171.417 199.079 C 170.252 199.127, 170.015 199.364, 170.813 199.683 M 73.872 202.750 C 72.629 204.336, 72.664 204.371, 74.250 203.128 C 75.213 202.373, 76 201.585, 76 201.378 C 76 200.555, 75.179 201.084, 73.872 202.750 M 149 201.378 C 149 201.585, 149.787 202.373, 150.750 203.128 C 152.336 204.371, 152.371 204.336, 151.128 202.750 C 149.821 201.084, 149 200.555, 149 201.378 M 38.750 211.662 C 39.438 211.940, 40.563 211.940, 41.250 211.662 C 41.938 211.385, 41.375 211.158, 40 211.158 C 38.625 211.158, 38.063 211.385, 38.750 211.662 M 53.813 211.683 C 54.534 211.972, 55.397 211.936, 55.729 211.604 C 56.061 211.272, 55.471 211.036, 54.417 211.079 C 53.252 211.127, 53.015 211.364, 53.813 211.683 M 169.750 211.662 C 170.438 211.940, 171.563 211.940, 172.250 211.662 C 172.938 211.385, 172.375 211.158, 171 211.158 C 169.625 211.158, 169.063 211.385, 169.750 211.662 M 184.813 211.683 C 185.534 211.972, 186.397 211.936, 186.729 211.604 C 187.061 211.272, 186.471 211.036, 185.417 211.079 C 184.252 211.127, 184.015 211.364, 184.813 211.683"
stroke="none" fill="#e76f36" fill-rule="evenodd"/>
<path d="M 87 77.709 C 81.550 79.713, 80.379 85.470, 84.568 89.659 C 87.041 92.132, 87.495 92.212, 96.818 91.813 C 107.064 91.375, 110.101 90.268, 111.902 86.316 C 113.045 83.808, 112.512 81.450, 110.193 78.750 C 108.937 77.287, 107.034 77.013, 98.595 77.079 C 93.043 77.122, 87.825 77.406, 87 77.709 M 135.067 91.622 C 121.054 93.523, 118.975 94.152, 116.719 97.174 C 114.038 100.766, 115.188 103.455, 120.288 105.515 C 125.437 107.595, 144.194 109.561, 149.460 108.573 C 157.959 106.979, 161.963 97.872, 156.545 92.455 C 153.664 89.573, 150.940 89.467, 135.067 91.622 M 38.270 123.992 C 27.756 126.222, 17.174 133.118, 10.970 141.782 C 0.200 156.822, 0.352 178.760, 11.330 193.655 C 32.719 222.676, 77.369 215.525, 88.923 181.228 C 92.671 170.103, 91.066 154.383, 85.240 145.144 C 82.521 140.833, 76.822 134, 75.946 134 C 75.498 134, 74.063 136.357, 72.755 139.239 L 70.378 144.478 73.597 148.695 C 78.015 154.483, 79.452 159.201, 79.478 168 C 79.496 174.175, 79.017 176.483, 76.766 181.068 C 73.130 188.471, 67.851 193.634, 60.234 197.239 C 54.556 199.925, 53.193 200.170, 45.734 199.842 C 35.978 199.413, 30.264 197.017, 23.899 190.687 C 17.332 184.156, 14.499 177.156, 14.516 167.500 C 14.533 157.871, 16.940 151.740, 23.298 145.134 C 29.623 138.561, 37.833 134.991, 46.500 135.045 C 50.350 135.068, 55.283 135.723, 57.462 136.499 C 59.641 137.275, 61.513 137.818, 61.624 137.705 C 61.734 137.592, 62.719 135.142, 63.812 132.259 L 65.801 127.018 60.650 125.458 C 54.183 123.499, 43.799 122.819, 38.270 123.992 M 169.500 123.953 C 165.024 124.915, 157 127.959, 157 128.695 C 157 128.958, 158.437 131.174, 160.193 133.619 C 162.420 136.721, 163.857 137.872, 164.943 137.424 C 173.088 134.069, 184.998 134.293, 192.213 137.937 C 198.699 141.213, 204.785 147.449, 207.891 154 C 211.603 161.829, 211.609 173.146, 207.905 181 C 202.429 192.612, 192.568 199.226, 179.818 199.837 C 168.636 200.373, 163.092 198.272, 155.421 190.589 C 149.903 185.063, 147.725 181.287, 145.421 173.250 C 145.190 172.444, 143.099 172, 139.531 172 C 133.072 172, 133.017 172.146, 136.077 181.228 C 140.410 194.090, 150.058 204.162, 162.775 209.097 C 170.972 212.278, 185.202 212.291, 193.239 209.125 C 211.146 202.072, 222 186.356, 222 167.484 C 222 143.899, 204.177 124.949, 180.658 123.526 C 176.721 123.288, 171.700 123.480, 169.500 123.953 M 144.347 138.718 C 140.381 143.653, 136.299 151.714, 135.129 156.922 L 134.213 161 140.027 161 C 145.685 161, 145.859 160.919, 146.506 157.974 C 146.871 156.310, 148.718 152.648, 150.609 149.838 C 154.372 144.246, 154.334 143.156, 150.200 138.183 L 147.442 134.866 144.347 138.718 M 116.054 167.899 C 115.459 169.010, 114.693 171.962, 114.350 174.460 C 113.872 177.953, 113.309 179, 111.911 179 C 108.590 179, 104.960 181.311, 104.329 183.826 C 103.215 188.263, 104.988 189.471, 113.093 189.799 C 122.311 190.171, 124.786 189.564, 126.137 186.599 C 127.541 183.518, 125.832 180.247, 122.365 179.377 C 119.953 178.771, 119.835 178.465, 120.519 174.615 C 121.794 167.443, 121.663 166.523, 119.318 166.189 C 117.933 165.992, 116.740 166.617, 116.054 167.899"
stroke="none" fill="#2d2c2c" fill-rule="evenodd"/>
</svg>
</g>
</svg>
<script>
const svg_l = document.getElementById('l');
const svg_ecol = document.getElementById('ecol');
const trigger_l = document.getElementById('trigger_l');
trigger_l.addEventListener('mouseenter', () => {
svg_ecol.style.display = 'block';
svg_l.style.display = 'none';
});
trigger_l.addEventListener('mouseleave', () => {
svg_ecol.style.display = 'none';
svg_l.style.display = 'block';
});
</script>
</div>
<div id="trigger_i" style=" min-height: 50px; min-width: 50px">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 80"
preserveAspectRatio="xMidYMid meet">
<g id="i" stroke="rgb(100, 100, 100)" fill="transparent" stroke-width="4" stroke-linecap="square">
<path d="M30 70 V 40 "/>
<circle cx="30" cy="30" r="5" fill="white" stroke-width="2"/>
</g>
<g id="ecoi" fill="rgb(180, 180, 180)" stroke="rgb(150, 150, 150)" stroke-width="1">
<!-- Mat -->
<polygon points="30,30 28,67 25,70 35,70 32,67"/>
<!-- Pales -->
<g>
<polygon points="0,0 30,0 15,7" transform="translate(30,30),rotate(120)"/>
<polygon points="0,0 30,0 15,7" transform="translate(30,30),rotate(240)"/>
<polygon points="0,0 30,0 15,7" transform="translate(30,30),rotate(360)"/>
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
from="0 30 30"
to="360 30 30"
dur="4s"
repeatCount="indefinite"
/>
</g>
<circle cx="30" cy="30" r="5"/>
</g>
</svg>
<script>
const svg_i = document.getElementById('i');
const svg_ecoi = document.getElementById('ecoi');
const trigger_i = document.getElementById('trigger_i');
trigger_i.addEventListener('mouseenter', () => {
svg_ecoi.style.display = 'block';
svg_i.style.display = 'none';
});
trigger_i.addEventListener('mouseleave', () => {
svg_ecoi.style.display = 'none';
svg_i.style.display = 'block';
});
</script>
</div>
<div id="trigger_m" style=" min-height: 50px; min-width: 50px">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 80"
preserveAspectRatio="xMidYMid meet">
<g id="m" stroke="rgb(100, 100, 100)" fill="transparent" stroke-width="4" stroke-linecap="square">
<path d="M2 70 v -50 l 25 30 l 25 -30 v 50"/>
</g>
<g id="ecom" fill="transparent" stroke-width="0" stroke-linecap="square">
<!-- tours -->
<g>
<rect x="4" y="52" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="20" y="52" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="36" y="52" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="4" y="48" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="20" y="48" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="36" y="48" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="4" y="44" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="20" y="44" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="36" y="44" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="4" y="40" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="20" y="40" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="36" y="40" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="4" y="36" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="20" y="36" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="36" y="36" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="4" y="32" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="36" y="32" width="10" height="4" fill="rgb(220,220,220)"/>
<rect x="4" y="28" width="10" height="4" fill="rgb(255,0,0)"/>
<rect x="36" y="28" width="10" height="4" fill="rgb(255,0,0)"/>
</g>
<!-- Fumée-->
<g>
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
values="0 0; 2 2;0 0"
dur="1s"
keyTimes="0; 0.5; 1"
repeatCount="indefinite"/>
<ellipse cx="10" cy="18" rx="10" ry="7" fill="rgb(210,210,210)"/>
<ellipse cx="25" cy="12" rx="15" ry="10" fill="rgb(210,210,210)"/>
<ellipse cx="45" cy="18" rx="12" ry="7" fill="rgb(210,210,210)"/>
<ellipse cx="43" cy="10" rx="13" ry="9" fill="rgb(210,210,210)"/>
</g>
<!-- Batiments -->
<path d="M 1 69 v -10 l 16 -5 v 15 v -10 l 16 -5 v 15 v -10 l 16 -5 v 15 z "
fill="rgb(135,206,250)"
stroke="rgb(160, 50, 20)"
stroke-width="6"/>
</g>
</svg>
<script>
const svg_m = document.getElementById('m');
const svg_ecom = document.getElementById('ecom');
const trigger_m = document.getElementById('trigger_m');
trigger_m.addEventListener('mouseenter', () => {
svg_ecom.style.display = 'block';
svg_m.style.display = 'none';
});
trigger_m.addEventListener('mouseleave', () => {
svg_ecom.style.display = 'none';
svg_m.style.display = 'block';
});
</script>
</div>
<div id="trigger_a" style=" min-height: 50px; min-width: 50px">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 80"
preserveAspectRatio="xMidYMid meet">
<g id="a" stroke="rgb(100, 100, 100)" fill="transparent" stroke-width="4" stroke-linecap="square">
<path d="M 10 70 l 20 -50 l 20 50 l -8 -20 h -23"/>
</g>
<g id="ecoa">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 483 277" version="1.1">
<path d="M -0 138.502 C -0 277.004, 0 277.004, 241.750 276.752 C 483.500 276.500, 483.500 276.500, 483.754 138.250 C 484.007 0, 484.007 0, 242.004 0 C 0 0, 0 0, -0 138.502 M 0.282 139 C 0.292 215.175, 0.615 275.475, 1 273 C 1.385 270.525, 1.767 269.262, 1.850 270.193 C 1.932 271.125, 3 272.587, 4.223 273.443 C 6.219 274.842, 30.380 275, 241.548 275 C 476.651 275, 476.651 275, 478.826 272.686 C 481 270.371, 481 270.371, 481 137.874 C 481 5.916, 480.992 5.368, 478.961 3.189 C 476.922 1, 476.922 1, 241.684 1 C 30.393 1, 6.219 1.158, 4.223 2.557 C 3 3.413, 1.941 4.875, 1.868 5.807 C 1.796 6.738, 1.405 5.925, 1 4 C 0.595 2.075, 0.272 62.825, 0.282 139 M 233 77.034 C 210.616 79.693, 190.613 96.401, 182.759 119 C 179.713 127.766, 179.506 147.577, 182.372 156 C 189.249 176.203, 205.943 192.246, 225.592 197.533 C 232.538 199.402, 248.278 199.671, 255.500 198.044 C 258.250 197.424, 264.325 195.038, 269 192.740 C 284.799 184.976, 296.447 170.301, 301.028 152.391 C 304.660 138.188, 303.213 125.492, 296.321 111.112 C 290.218 98.380, 280.979 88.967, 268.899 83.174 C 264.280 80.959, 258.700 78.707, 256.500 78.171 C 250.348 76.672, 240.188 76.180, 233 77.034 M 239.250 88.662 C 238.494 88.968, 238 91.063, 238 93.970 C 238 98.773, 238 98.773, 233.527 99.444 C 223.663 100.923, 214.972 110.324, 215.022 119.462 C 215.068 128.002, 219.881 134.422, 231.095 140.903 C 237.500 144.604, 237.500 144.604, 237.781 157.438 C 238.062 170.272, 238.062 170.272, 234.304 169.662 C 229.366 168.861, 225.730 166.042, 224.614 162.148 C 223.779 159.237, 223.382 159, 219.355 159 C 215 159, 215 159, 215 166.910 C 215 175.609, 213.994 175.025, 233.250 177.510 C 238 178.123, 238 178.123, 238 183.122 C 238 188.121, 238 188.121, 241.750 187.810 C 245.498 187.500, 245.500 187.497, 245.794 182.493 C 246.088 177.485, 246.088 177.485, 252.062 175.725 C 268.619 170.845, 273.382 151.536, 261.066 139.220 C 259.287 137.441, 255.174 134.526, 251.927 132.742 C 246.024 129.500, 246.024 129.500, 246.012 117.750 C 246 106.476, 246.085 106, 248.100 106 C 250.562 106, 257 112.076, 257 114.400 C 257 115.630, 258.042 116, 261.500 116 C 266 116, 266 116, 266 108.600 C 266 101.199, 266 101.199, 261.250 100.146 C 258.637 99.566, 254.137 98.804, 251.250 98.452 C 246 97.812, 246 97.812, 246 93.513 C 246 88.520, 243.699 86.867, 239.250 88.662 M 232.455 109.455 C 228.133 113.776, 229.994 121.786, 236.078 125.042 C 237.912 126.023, 238 125.632, 238 116.535 C 238 105.932, 237.112 104.797, 232.455 109.455 M 118 119.594 C 113.843 121.395, 109.367 125.455, 107.411 129.200 C 106.628 130.698, 106 134.728, 106 138.250 C 106 143.439, 106.489 145.354, 108.675 148.725 C 111.921 153.731, 119.689 158, 125.552 158 C 131.112 158, 137.849 154.325, 141.736 149.172 C 144.557 145.431, 145 144.050, 145 138.987 C 145 132.036, 143.820 128.514, 140.186 124.624 C 134.526 118.564, 125.239 116.459, 118 119.594 M 350.450 119.326 C 341.748 122.675, 336.229 131.355, 337.394 139.860 C 338.788 150.027, 347.618 158, 357.484 158 C 370.271 158, 380.118 143.978, 376.030 131.591 C 372.581 121.139, 360.629 115.409, 350.450 119.326 M 246 159 C 246 165.304, 246.387 169, 247.048 169 C 247.624 169, 249.199 167.809, 250.548 166.354 C 254.002 162.627, 253.941 156.272, 250.411 152.077 C 248.987 150.385, 247.412 149, 246.911 149 C 246.410 149, 246 153.500, 246 159"
stroke="none" fill="#c7e5c9" fill-rule="evenodd"/>
<path d="M 1.485 138 C 1.485 210.325, 1.604 239.913, 1.750 203.750 C 1.895 167.588, 1.895 108.413, 1.750 72.250 C 1.604 36.088, 1.485 65.675, 1.485 138 M 32 138 C 32 245, 32 245, 241.500 245 C 451 245, 451 245, 451 138 C 451 31, 451 31, 241.500 31 C 32 31, 32 31, 32 138 M 91.043 50.764 C 89.419 52.079, 88.659 54.189, 88.055 59.055 C 87.058 67.092, 83.437 74.469, 78.137 79.257 C 72.535 84.318, 68.824 86.024, 60.126 87.534 C 55.215 88.387, 52.137 89.460, 51.294 90.613 C 49.405 93.196, 49.405 182.804, 51.294 185.387 C 52.136 186.539, 55.212 187.613, 60.107 188.463 C 64.242 189.181, 69.448 190.698, 71.675 191.834 C 80.129 196.147, 87.976 207.959, 88.014 216.428 C 88.037 221.576, 89.123 224.012, 92.077 225.540 C 94.515 226.801, 114.972 227, 241.815 227 C 386.721 227, 388.765 226.973, 391.247 225.020 C 393.214 223.473, 393.911 221.777, 394.433 217.270 C 396.271 201.397, 407.838 189.904, 423.616 188.276 C 427.851 187.839, 429.523 187.151, 431.041 185.221 C 432.921 182.831, 433 180.903, 433 137.539 C 433 92.349, 433 92.349, 430.750 90.301 C 429.357 89.033, 426.405 87.999, 423 87.587 C 407.764 85.743, 396.244 74.103, 394.441 58.730 C 393.913 54.230, 393.211 52.524, 391.247 50.980 C 388.765 49.027, 386.718 49, 240.976 49 C 101.300 49, 93.102 49.096, 91.043 50.764 M 197.462 94.250 C 192.500 99.500, 192.500 99.500, 197.750 94.538 C 202.628 89.926, 203.459 89, 202.712 89 C 202.554 89, 200.192 91.362, 197.462 94.250 M 245.180 93.750 C 245 99, 245 99, 248.250 98.850 C 251.198 98.714, 251.249 98.662, 248.802 98.289 C 246.381 97.919, 246.066 97.396, 245.733 93.189 C 245.360 88.500, 245.360 88.500, 245.180 93.750 M 245.434 106.311 C 245.157 107.032, 245.062 112.770, 245.221 119.061 C 245.512 130.500, 245.512 130.500, 246.006 117.748 C 246.278 110.735, 246.373 104.997, 246.219 104.998 C 246.064 104.999, 245.711 105.590, 245.434 106.311 M 233.314 107.750 C 232.264 108.713, 231.901 109.181, 232.507 108.790 C 233.112 108.400, 234.708 107.641, 236.054 107.104 C 237.600 106.486, 237.897 106.103, 236.861 106.063 C 235.959 106.029, 234.363 106.787, 233.314 107.750 M 179.286 137.500 C 179.294 140.250, 179.488 141.256, 179.718 139.736 C 179.947 138.216, 179.941 135.966, 179.704 134.736 C 179.467 133.506, 179.279 134.750, 179.286 137.500 M 105.272 138 C 105.272 140.475, 105.467 141.488, 105.706 140.250 C 105.944 139.012, 105.944 136.988, 105.706 135.750 C 105.467 134.512, 105.272 135.525, 105.272 138 M 145.272 138 C 145.272 140.475, 145.467 141.488, 145.706 140.250 C 145.944 139.012, 145.944 136.988, 145.706 135.750 C 145.467 134.512, 145.272 135.525, 145.272 138 M 140.066 151.268 C 137.218 154.778, 137.106 155.073, 139.408 153 C 141.800 150.845, 144.640 146.964, 143.785 147.018 C 143.628 147.028, 141.955 148.940, 140.066 151.268 M 245 159 C 245 165.050, 245.338 170, 245.750 170 C 246.162 170, 246.500 165.050, 246.500 159 C 246.500 152.950, 246.162 148, 245.750 148 C 245.338 148, 245 152.950, 245 159 M 245.175 181.690 C 245 186.879, 245 186.879, 241.250 187.272 C 237.500 187.664, 237.500 187.664, 241.281 187.832 C 245.687 188.028, 246.291 187.083, 245.738 180.864 C 245.349 176.500, 245.349 176.500, 245.175 181.690 M 197.958 182.250 C 200.410 184.863, 202.548 187, 202.708 187 C 203.459 187, 202.665 186.102, 198.250 181.958 C 193.500 177.500, 193.500 177.500, 197.958 182.250"
stroke="none" fill="#66bb6a" fill-rule="evenodd"/>
<path d="M 4.635 3.073 C 2 5.145, 2 5.145, 2 138 C 2 270.855, 2 270.855, 4.643 272.934 C 7.286 275.012, 7.286 275.012, 242.231 274.756 C 477.177 274.500, 477.177 274.500, 479.088 272.139 C 480.949 269.841, 481 266.255, 481 137.844 C 481 5.909, 481 5.909, 478.545 3.455 C 476.091 1, 476.091 1, 241.680 1 C 7.270 1, 7.270 1, 4.635 3.073 M 32 138 C 32 245, 32 245, 241.500 245 C 451 245, 451 245, 451 138 C 451 31, 451 31, 241.500 31 C 32 31, 32 31, 32 138 M 91.043 50.764 C 89.419 52.079, 88.659 54.189, 88.055 59.055 C 87.058 67.092, 83.437 74.469, 78.137 79.257 C 72.535 84.318, 68.824 86.024, 60.126 87.534 C 55.215 88.387, 52.137 89.460, 51.294 90.613 C 49.405 93.196, 49.405 182.804, 51.294 185.387 C 52.136 186.539, 55.212 187.613, 60.107 188.463 C 64.242 189.181, 69.448 190.698, 71.675 191.834 C 80.129 196.147, 87.976 207.959, 88.014 216.428 C 88.037 221.576, 89.123 224.012, 92.077 225.540 C 94.515 226.801, 114.972 227, 241.815 227 C 386.721 227, 388.765 226.973, 391.247 225.020 C 393.214 223.473, 393.911 221.777, 394.433 217.270 C 396.271 201.397, 407.838 189.904, 423.616 188.276 C 427.851 187.839, 429.523 187.151, 431.041 185.221 C 432.921 182.831, 433 180.903, 433 137.539 C 433 92.349, 433 92.349, 430.750 90.301 C 429.357 89.033, 426.405 87.999, 423 87.587 C 407.764 85.743, 396.244 74.103, 394.441 58.730 C 393.913 54.230, 393.211 52.524, 391.247 50.980 C 388.765 49.027, 386.718 49, 240.976 49 C 101.300 49, 93.102 49.096, 91.043 50.764 M 229.500 77.022 C 197.840 83.377, 175.867 113.569, 179.914 145.157 C 181.220 155.353, 182.779 160.124, 187.649 168.833 C 198.750 188.683, 222.028 201.230, 244.916 199.701 C 270.530 197.990, 291.126 182.395, 300.067 157.943 C 302.096 152.392, 302.428 149.632, 302.459 138 C 302.491 126.484, 302.168 123.594, 300.266 118.333 C 292.838 97.799, 277.020 83.248, 256.391 77.972 C 248.420 75.933, 236.944 75.528, 229.500 77.022 M 238 93.900 C 238 98.801, 238 98.801, 233.018 99.996 C 227.515 101.316, 220.983 105.571, 218.394 109.521 C 215.911 113.311, 214.974 119.838, 216.201 124.803 C 217.547 130.252, 223.583 136.433, 231.871 140.850 C 238 144.117, 238 144.117, 238 157.059 C 238 170, 238 170, 234.750 169.985 C 229.958 169.964, 226.757 167.941, 224.440 163.473 C 222.676 160.071, 221.849 159.455, 218.690 159.190 C 215 158.879, 215 158.879, 215 166.372 C 215 172.647, 215.285 173.948, 216.750 174.377 C 220.573 175.495, 230.578 177, 234.184 177 C 238 177, 238 177, 238 182 C 238 187, 238 187, 241.500 187 C 245 187, 245 187, 245 182.164 C 245 177.328, 245 177.328, 251.042 175.648 C 263.132 172.287, 269.470 161.951, 266.871 149.834 C 265.514 143.508, 259.454 136.994, 250.729 132.484 C 244.957 129.500, 244.957 129.500, 245.229 117.500 C 245.500 105.500, 245.500 105.500, 248 105.832 C 251.798 106.335, 254.901 108.725, 256.725 112.549 C 258.176 115.593, 258.820 116, 262.185 116 C 266 116, 266 116, 266 108.975 C 266 102.237, 265.888 101.907, 263.250 100.883 C 261.738 100.296, 257.012 99.568, 252.750 99.265 C 245 98.714, 245 98.714, 245 93.857 C 245 89, 245 89, 241.500 89 C 238 89, 238 89, 238 93.900 M 233.299 107.503 C 229.918 109.871, 228.603 115.115, 230.345 119.284 C 231.664 122.439, 235.310 126, 237.223 126 C 237.650 126, 238 121.500, 238 116 C 238 105.341, 237.549 104.526, 233.299 107.503 M 121.905 118.024 C 116.625 118.921, 111.925 122.031, 108.514 126.884 C 105.875 130.639, 105.500 132.022, 105.500 138 C 105.500 143.992, 105.872 145.357, 108.542 149.155 C 112.722 155.103, 118.077 157.969, 125 157.962 C 135.118 157.951, 142.419 152.717, 144.957 143.655 C 149.050 129.036, 136.861 115.483, 121.905 118.024 M 351.704 118.449 C 337.521 122.191, 332.215 141.024, 342.298 151.834 C 348.291 158.259, 359.044 159.923, 367.093 155.672 C 382.076 147.759, 380.267 124.081, 364.294 119.046 C 358.796 117.313, 356.432 117.201, 351.704 118.449 M 245 159 C 245 165.050, 245.204 170, 245.453 170 C 245.702 170, 247.030 169.488, 248.405 168.861 C 251.907 167.266, 254.355 161.708, 253.520 157.252 C 252.868 153.780, 248.219 148, 246.077 148 C 245.373 148, 245 151.810, 245 159"
stroke="none" fill="#2c7233" fill-rule="evenodd"/>
</svg>
</g>
</svg>
<script>
const svg_a = document.getElementById('a');
const svg_ecoa = document.getElementById('ecoa');
const trigger_a = document.getElementById('trigger_a');
trigger_a.addEventListener('mouseenter', () => {
svg_ecoa.style.display = 'block';
svg_a.style.display = 'none';
});
trigger_a.addEventListener('mouseleave', () => {
svg_ecoa.style.display = 'none';
svg_a.style.display = 'block';
});
</script>
</div>
<div id="trigger_t" style=" min-height: 50px; min-width: 50px">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 60 80"
preserveAspectRatio="xMidYMid meet">
<g id="t" stroke="rgb(100, 100, 100)" fill="transparent" stroke-width="4" stroke-linecap="square">
<path d="M 30 70 v -50 h 20 h -40"/>
</g>
<g id="ecot">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 225" version="1.1">
<path d="M 152.750 19.031 C 153.988 19.529, 155.036 20.738, 155.079 21.718 C 155.128 22.821, 155.354 23.011, 155.673 22.216 C 156.353 20.524, 154.184 17.983, 152.128 18.063 C 151.026 18.106, 151.227 18.419, 152.750 19.031 M 76 21.378 C 76 21.585, 76.787 22.373, 77.750 23.128 C 79.336 24.371, 79.371 24.336, 78.128 22.750 C 76.821 21.084, 76 20.555, 76 21.378 M 143.374 26.467 C 143.065 27.274, 143.004 28.511, 143.240 29.217 C 143.476 29.923, 143.906 29.262, 144.196 27.750 C 144.762 24.797, 144.295 24.068, 143.374 26.467 M 149.924 29.750 L 147.500 32.500 150.250 30.076 C 151.762 28.742, 153 27.505, 153 27.326 C 153 26.541, 152.190 27.180, 149.924 29.750 M 110.250 30.689 C 111.213 30.941, 112.787 30.941, 113.750 30.689 C 114.713 30.438, 113.925 30.232, 112 30.232 C 110.075 30.232, 109.287 30.438, 110.250 30.689 M 137 41.500 C 138.292 42.875, 139.574 44, 139.849 44 C 140.124 44, 139.292 42.875, 138 41.500 C 136.708 40.125, 135.426 39, 135.151 39 C 134.876 39, 135.708 40.125, 137 41.500 M 84.872 41.750 C 83.629 43.336, 83.664 43.371, 85.250 42.128 C 86.916 40.821, 87.445 40, 86.622 40 C 86.415 40, 85.627 40.788, 84.872 41.750 M 75.079 63.583 C 75.127 64.748, 75.364 64.985, 75.683 64.188 C 75.972 63.466, 75.936 62.603, 75.604 62.271 C 75.272 61.939, 75.036 62.529, 75.079 63.583 M 146.998 68.250 C 146.999 68.662, 156.113 68.911, 167.250 68.801 C 187.513 68.602, 185.133 68.249, 160.248 67.760 C 152.960 67.617, 146.997 67.838, 146.998 68.250 M 47.250 68.746 C 52.612 68.925, 61.387 68.925, 66.750 68.746 C 72.112 68.566, 67.725 68.419, 57 68.419 C 46.275 68.419, 41.887 68.566, 47.250 68.746 M 81.260 72.758 C 81.128 75.366, 80.201 82.900, 79.199 89.500 L 77.378 101.500 47.689 101.765 C 19.923 102.013, 17.992 101.915, 17.882 100.265 C 17.741 98.169, 16.289 103.511, 16.118 106.750 L 16 109 46 109 C 73.913 109, 75.999 109.122, 75.979 110.750 C 75.968 111.713, 75.069 118.575, 73.982 126 C 72.895 133.425, 72.004 139.850, 72.003 140.278 C 72.001 140.706, 58.050 140.931, 40.999 140.778 C 18.538 140.577, 9.999 140.810, 9.999 141.625 C 10 142.244, 9.741 144.044, 9.424 145.625 L 8.849 148.500 40.040 148.222 L 71.231 147.944 70.683 150.222 C 70.382 151.475, 69.123 159.354, 67.886 167.731 L 65.637 182.962 44.068 183.252 C 32.206 183.411, 38.925 183.548, 59 183.557 C 79.075 183.565, 90.438 183.429, 84.250 183.253 C 75.335 183.001, 73 182.639, 73 181.511 C 73 180.728, 74.125 173.117, 75.500 164.597 C 76.875 156.078, 78 148.858, 78 148.554 C 78 148.249, 93.741 148, 112.981 148 L 147.962 148 148.476 150.250 C 149.296 153.837, 153 179.106, 153 181.114 C 153 182.756, 151.836 182.968, 141.250 183.253 C 134.787 183.427, 146.150 183.563, 166.500 183.556 C 186.850 183.548, 193.804 183.411, 181.953 183.252 L 160.406 182.962 158.178 166.731 C 156.952 157.804, 155.961 149.938, 155.975 149.250 C 155.994 148.278, 162.705 148, 186.125 148 L 216.250 148 215.625 144.875 C 215.281 143.156, 214.993 141.019, 214.985 140.125 C 214.973 138.922, 214.761 138.829, 214.166 139.765 C 213.542 140.749, 206.811 140.972, 183.931 140.765 L 154.500 140.500 152.860 129 C 151.958 122.675, 150.954 115.588, 150.629 113.250 L 150.038 109 172.769 108.985 C 185.271 108.976, 196.102 108.588, 196.837 108.122 C 197.573 107.655, 198.023 106.200, 197.837 104.887 L 197.500 102.500 173.386 102.233 L 149.272 101.965 147.636 91.233 C 146.736 85.330, 145.710 77.688, 145.357 74.250 L 144.715 68 140.883 68 C 137.254 68, 137.075 68.146, 137.523 70.750 C 137.783 72.263, 138.684 78.450, 139.526 84.500 C 140.368 90.550, 141.319 96.963, 141.640 98.750 L 142.223 102 113.611 102 L 85 102 85.026 99.250 C 85.040 97.737, 86.093 90.088, 87.365 82.250 L 89.679 68 85.590 68.008 L 81.500 68.016 81.260 72.758 M 25.405 75.250 L 23.500 77.500 25.750 75.595 C 27.864 73.805, 28.455 73, 27.655 73 C 27.465 73, 26.453 74.013, 25.405 75.250 M 198.500 75 C 199.495 76.100, 200.535 77, 200.810 77 C 201.085 77, 200.495 76.100, 199.500 75 C 198.505 73.900, 197.465 73, 197.190 73 C 196.915 73, 197.505 73.900, 198.500 75 M 205.079 88.583 C 205.127 89.748, 205.364 89.985, 205.683 89.188 C 205.972 88.466, 205.936 87.603, 205.604 87.271 C 205.272 86.939, 205.036 87.529, 205.079 88.583 M 18.079 94.583 C 18.127 95.748, 18.364 95.985, 18.683 95.188 C 18.972 94.466, 18.936 93.603, 18.604 93.271 C 18.272 92.939, 18.036 93.529, 18.079 94.583 M 206.079 94.583 C 206.127 95.748, 206.364 95.985, 206.683 95.188 C 206.972 94.466, 206.936 93.603, 206.604 93.271 C 206.272 92.939, 206.036 93.529, 206.079 94.583 M 207.158 100 C 207.158 101.375, 207.385 101.938, 207.662 101.250 C 207.940 100.563, 207.940 99.438, 207.662 98.750 C 207.385 98.063, 207.158 98.625, 207.158 100 M 208.158 106 C 208.158 107.375, 208.385 107.938, 208.662 107.250 C 208.940 106.563, 208.940 105.438, 208.662 104.750 C 208.385 104.063, 208.158 104.625, 208.158 106 M 81.648 122.250 C 80.691 129.537, 79.668 136.738, 79.375 138.250 L 78.841 141 112.921 141 C 142.191 141, 147 140.793, 147 139.534 C 147 137.993, 144.374 117.817, 143.449 112.250 L 142.909 109 113.148 109 L 83.387 109 81.648 122.250 M 209.079 111.583 C 209.127 112.748, 209.364 112.985, 209.683 112.188 C 209.972 111.466, 209.936 110.603, 209.604 110.271 C 209.272 109.939, 209.036 110.529, 209.079 111.583 M 15.079 112.583 C 15.127 113.748, 15.364 113.985, 15.683 113.188 C 15.972 112.466, 15.936 111.603, 15.604 111.271 C 15.272 110.939, 15.036 111.529, 15.079 112.583 M 14.158 118 C 14.158 119.375, 14.385 119.938, 14.662 119.250 C 14.940 118.563, 14.940 117.438, 14.662 116.750 C 14.385 116.063, 14.158 116.625, 14.158 118 M 210.079 117.583 C 210.127 118.748, 210.364 118.985, 210.683 118.188 C 210.972 117.466, 210.936 116.603, 210.604 116.271 C 210.272 115.939, 210.036 116.529, 210.079 117.583 M 13.079 123.583 C 13.127 124.748, 13.364 124.985, 13.683 124.188 C 13.972 123.466, 13.936 122.603, 13.604 122.271 C 13.272 121.939, 13.036 122.529, 13.079 123.583 M 211.079 123.583 C 211.127 124.748, 211.364 124.985, 211.683 124.188 C 211.972 123.466, 211.936 122.603, 211.604 122.271 C 211.272 121.939, 211.036 122.529, 211.079 123.583 M 212.158 129 C 212.158 130.375, 212.385 130.938, 212.662 130.250 C 212.940 129.563, 212.940 128.438, 212.662 127.750 C 212.385 127.063, 212.158 127.625, 212.158 129 M 12.079 129.583 C 12.127 130.748, 12.364 130.985, 12.683 130.188 C 12.972 129.466, 12.936 128.603, 12.604 128.271 C 12.272 127.939, 12.036 128.529, 12.079 129.583 M 11.079 135.583 C 11.127 136.748, 11.364 136.985, 11.683 136.188 C 11.972 135.466, 11.936 134.603, 11.604 134.271 C 11.272 133.939, 11.036 134.529, 11.079 135.583 M 216.079 152.583 C 216.127 153.748, 216.364 153.985, 216.683 153.188 C 216.972 152.466, 216.936 151.603, 216.604 151.271 C 216.272 150.939, 216.036 151.529, 216.079 152.583 M 8.079 153.583 C 8.127 154.748, 8.364 154.985, 8.683 154.188 C 8.972 153.466, 8.936 152.603, 8.604 152.271 C 8.272 151.939, 8.036 152.529, 8.079 153.583 M 7.079 159.583 C 7.127 160.748, 7.364 160.985, 7.683 160.188 C 7.972 159.466, 7.936 158.603, 7.604 158.271 C 7.272 157.939, 7.036 158.529, 7.079 159.583 M 11.500 178 C 12.495 179.100, 13.535 180, 13.810 180 C 14.085 180, 13.495 179.100, 12.500 178 C 11.505 176.900, 10.465 176, 10.190 176 C 9.915 176, 10.505 176.900, 11.500 178 M 212.405 178.250 L 210.500 180.500 212.750 178.595 C 214.864 176.805, 215.455 176, 214.655 176 C 214.465 176, 213.453 177.012, 212.405 178.250"
stroke="none" fill="#d1deff" fill-rule="evenodd"/>
<path d="M 114.287 183.740 C 117.469 183.939, 122.419 183.937, 125.287 183.736 C 128.154 183.535, 125.550 183.372, 119.500 183.374 C 113.450 183.376, 111.104 183.541, 114.287 183.740 M 96 201.025 L 96 218.050 112.250 217.775 L 128.500 217.500 129.005 208 C 129.788 193.269, 130.228 194, 120.572 194 C 111.152 194, 108 192.235, 108 186.961 C 108 184.009, 107.982 184, 102 184 L 96 184 96 201.025"
stroke="none" fill="#666666" fill-rule="evenodd"/>
<path d="M 95.411 201 C 95.411 210.625, 95.561 214.563, 95.745 209.750 C 95.928 204.937, 95.928 197.062, 95.745 192.250 C 95.561 187.438, 95.411 191.375, 95.411 201 M 108 186.961 C 108 192.244, 111.148 194, 120.619 194 C 128.371 194, 128.887 194.134, 129.294 196.250 C 129.533 197.488, 129.789 195.238, 129.864 191.250 L 130 184 119 184 L 108 184 108 186.961 M 128.821 209.002 C 128.644 213.954, 128.838 218.004, 129.250 218.002 C 129.662 218.001, 130 213.950, 130 209 C 130 204.050, 129.807 200, 129.571 200 C 129.335 200, 128.998 204.051, 128.821 209.002"
stroke="none" fill="#4d4d4b" fill-rule="evenodd"/>
<path d="M 110.238 5.162 C 109.557 5.843, 109 8.730, 109 11.578 C 109 17.094, 110.518 19.432, 113.702 18.819 C 115.228 18.525, 115.500 17.416, 115.500 11.486 C 115.500 5.249, 115.284 4.469, 113.488 4.212 C 112.382 4.053, 110.919 4.481, 110.238 5.162 M 70.750 20.080 C 68.154 21.592, 68.586 23.276, 72.784 28.007 C 75.838 31.448, 76.996 32.136, 78.784 31.568 C 82.065 30.527, 81.536 27.084, 77.428 22.750 C 73.559 18.667, 73.331 18.577, 70.750 20.080 M 147.148 22.485 C 143.768 26.334, 143.020 30.687, 145.571 31.665 C 148.029 32.609, 155.159 25.140, 154.793 22.005 C 154.329 18.037, 150.862 18.254, 147.148 22.485 M 102.500 31.867 C 88.578 35.530, 77.308 48.296, 76.239 61.614 L 75.726 68 82.152 68 L 88.578 68 88.676 64.300 C 88.744 61.765, 89.474 60.034, 90.998 58.800 C 93.014 57.168, 95.687 57, 119.611 57 C 140.060 57, 145.998 56.719, 145.991 55.750 C 145.973 53.437, 140.220 44.532, 136.343 40.817 C 129.947 34.689, 122.998 31.815, 113.618 31.420 C 109.153 31.232, 104.150 31.433, 102.500 31.867 M 54.180 46.119 C 52.544 46.731, 51.954 47.635, 52.180 49.183 C 52.421 50.835, 53.823 51.834, 57.855 53.224 C 63.754 55.257, 66.364 54.432, 65.798 50.714 C 65.396 48.068, 57.410 44.910, 54.180 46.119 M 164.250 48.030 C 161.290 49.345, 160 50.527, 160 51.924 C 160 55.355, 162.949 55.995, 168.750 53.825 C 173.013 52.230, 174 51.423, 174 49.537 C 174 45.623, 170.785 45.126, 164.250 48.030"
stroke="none" fill="#ffc861" fill-rule="evenodd"/>
<path d="M 91.058 58.752 C 89.692 59.858, 88.821 61.795, 88.697 64.002 L 88.500 67.500 117.486 67.500 C 149.865 67.500, 147.966 67.964, 146.547 60.400 L 145.909 57 119.565 57 C 95.953 57, 92.997 57.182, 91.058 58.752"
stroke="none" fill="#ffab60" fill-rule="evenodd"/>
<path d="M 75.916 68.417 C 75.636 68.697, 66.730 68.979, 56.124 69.043 C 37.820 69.153, 31 69.999, 31 72.157 C 31 72.685, 30.619 72.882, 30.153 72.595 C 29.687 72.307, 28.028 73.405, 26.466 75.036 C 24.904 76.666, 24.021 78, 24.504 78 C 24.987 78, 24.553 78.607, 23.538 79.348 C 22.524 80.090, 22.015 81.215, 22.406 81.848 C 22.798 82.482, 22.686 83, 22.159 83 C 21.037 83, 19.153 90.443, 18.548 97.265 L 18.125 102.030 47.751 101.765 L 77.378 101.500 79.173 89.500 C 80.160 82.900, 81.087 75.475, 81.234 73 C 81.480 68.844, 81.306 68.477, 78.963 68.204 C 77.567 68.041, 76.196 68.137, 75.916 68.417 M 89.538 69.250 C 88.830 71.472, 85 97.052, 85 99.565 L 85 102 113.500 102 C 129.175 102, 141.979 101.662, 141.952 101.250 C 141.566 95.160, 137.235 70.098, 136.667 70.667 C 136.242 71.091, 136.191 70.665, 136.554 69.720 C 137.167 68.123, 135.518 68, 113.576 68 C 95.544 68, 89.843 68.297, 89.538 69.250 M 145.050 71.500 C 145.078 73.150, 145.991 79.900, 147.077 86.500 C 148.164 93.100, 149.070 99.280, 149.090 100.232 C 149.124 101.819, 151.157 101.987, 173.273 102.232 L 197.419 102.500 198.039 105.536 C 198.517 107.872, 198.296 108.600, 197.080 108.697 C 196.211 108.767, 185.218 108.882, 172.652 108.954 L 149.804 109.084 150.341 111.292 C 150.636 112.506, 151.189 116.425, 151.570 120 C 151.951 123.575, 152.473 126.867, 152.731 127.315 C 152.988 127.764, 153.374 130.611, 153.588 133.643 C 153.802 136.674, 154.234 139.570, 154.548 140.077 C 154.880 140.614, 167.530 140.921, 184.809 140.811 C 201.139 140.707, 211.929 140.460, 208.786 140.262 C 203.158 139.908, 203.063 139.850, 202.426 136.458 C 201.454 131.275, 202.564 128.550, 206.514 126.422 C 209.631 124.744, 210.200 124.691, 211.068 126.002 C 212.057 127.494, 211.825 125.451, 210.273 119 C 209.943 117.625, 209.768 116.095, 209.886 115.601 C 210.003 115.106, 209.794 113.981, 209.421 113.101 C 209.048 112.220, 208.650 110.600, 208.537 109.500 C 207.800 102.318, 206.676 95.999, 206.135 95.994 C 205.786 95.991, 205.441 93.913, 205.370 91.377 C 205.298 88.841, 204.848 86.481, 204.370 86.133 C 203.891 85.785, 203.379 84.375, 203.231 83 C 203.083 81.625, 202.209 79.938, 201.290 79.250 C 200.370 78.563, 200.013 78, 200.496 78 C 200.979 78, 200.088 76.658, 198.517 75.018 C 193.509 69.790, 189.700 69.052, 166.249 68.762 L 144.998 68.500 145.050 71.500 M 14.139 121.750 C 12.924 128.762, 11.754 135.963, 11.538 137.750 L 11.146 141 41.573 141 C 58.308 141, 72.001 140.662, 72.003 140.250 C 72.004 139.838, 72.895 133.425, 73.982 126 C 75.069 118.575, 75.968 111.713, 75.979 110.750 C 75.999 109.122, 73.921 109, 46.173 109 L 16.346 109 14.139 121.750 M 81.651 122.229 C 80.693 129.528, 79.668 136.738, 79.375 138.250 L 78.841 141 112.921 141 C 142.191 141, 147 140.793, 147 139.534 C 147 138.005, 144.380 117.857, 143.459 112.302 L 142.929 109.103 113.161 109.030 L 83.393 108.957 81.651 122.229 M 9.362 149.500 C 9.045 150.325, 9.040 151.661, 9.349 152.468 C 9.659 153.275, 9.527 154.175, 9.055 154.466 C 7.835 155.220, 6.653 166.632, 7.632 168.197 C 8.080 168.913, 8.503 169.950, 8.571 170.500 C 8.640 171.050, 8.764 172.037, 8.848 172.694 C 9.108 174.738, 15.359 180.850, 18.315 181.951 C 21.194 183.024, 50.678 183.445, 53.270 182.450 C 54.164 182.107, 54.531 180.999, 54.247 179.510 C 53.581 176.028, 57.917 172, 62.332 172 C 64.215 172, 66.203 171.438, 66.751 170.750 C 67.299 170.063, 68.284 165.675, 68.941 161 C 69.598 156.325, 70.379 151.488, 70.676 150.250 L 71.217 148 40.577 148 C 14.264 148, 9.856 148.212, 9.362 149.500 M 78 148.511 C 78 149.378, 75.003 168.380, 74.532 170.500 C 74.093 172.473, 74.606 172.500, 113.068 172.500 L 152.049 172.500 151.566 170 C 151.301 168.625, 150.587 163.900, 149.981 159.500 C 149.374 155.100, 148.650 150.713, 148.372 149.750 C 147.902 148.126, 145.342 148, 112.933 148 C 93.720 148, 78 148.230, 78 148.511 M 156.008 150.232 C 156.014 152.275, 157.067 159.958, 158.544 168.750 L 159.091 172 180.890 172 C 200.413 172, 202.847 171.817, 204.193 170.250 C 206.701 167.330, 206.892 165.585, 205.654 156.873 L 204.464 148.500 180.232 148.232 L 156 147.964 156.008 150.232 M 217.079 160.583 C 217.127 161.748, 217.364 161.985, 217.683 161.188 C 217.972 160.466, 217.936 159.603, 217.604 159.271 C 217.272 158.939, 217.036 159.529, 217.079 160.583 M 159.079 174.583 C 159.127 175.748, 159.364 175.985, 159.683 175.188 C 159.972 174.466, 159.936 173.603, 159.604 173.271 C 159.272 172.939, 159.036 173.529, 159.079 174.583 M 66.079 175.583 C 66.127 176.748, 66.364 176.985, 66.683 176.188 C 66.972 175.466, 66.936 174.603, 66.604 174.271 C 66.272 173.939, 66.036 174.529, 66.079 175.583 M 152.079 177.583 C 152.127 178.748, 152.364 178.985, 152.683 178.188 C 152.972 177.466, 152.936 176.603, 152.604 176.271 C 152.272 175.939, 152.036 176.529, 152.079 177.583 M 73.079 178.583 C 73.127 179.748, 73.364 179.985, 73.683 179.188 C 73.972 178.466, 73.936 177.603, 73.604 177.271 C 73.272 176.939, 73.036 177.529, 73.079 178.583 M 160.079 181.583 C 160.127 182.748, 160.364 182.985, 160.683 182.188 C 160.972 181.466, 160.936 180.603, 160.604 180.271 C 160.272 179.939, 160.036 180.529, 160.079 181.583"
stroke="none" fill="#55a1ff" fill-rule="evenodd"/>
<path d="M 205.709 126.777 C 202.468 128.778, 201.516 131.608, 202.435 136.507 C 203.090 139.997, 203.095 140, 208.613 140 C 213.388 140, 214.070 139.763, 213.655 138.250 C 213.391 137.287, 212.886 134.700, 212.534 132.500 C 211.207 124.215, 210.635 123.735, 205.709 126.777 M 205.596 156.593 C 206.912 165.499, 206.728 167.299, 204.193 170.250 C 202.847 171.817, 200.415 172, 180.939 172 C 160.756 172, 159.213 172.126, 159.538 173.750 C 159.732 174.713, 160.160 177.188, 160.490 179.250 L 161.091 183 181.896 183 C 201.665 183, 209 182.162, 209 179.902 C 209 179.406, 209.518 179.113, 210.152 179.250 C 211.741 179.595, 215.788 173.499, 217.029 168.894 C 217.734 166.274, 217.722 162.976, 216.990 158.295 C 215.326 147.655, 215.574 148, 209.595 148 L 204.325 148 205.596 156.593 M 62.090 171.964 C 57.015 172.785, 53.604 176.149, 54.277 179.671 C 54.515 180.914, 54.212 182.135, 53.605 182.386 C 52.997 182.637, 55.304 182.878, 58.731 182.921 C 64.419 182.993, 65.002 182.804, 65.423 180.750 C 66.321 176.372, 67.087 171.002, 66.795 171.125 C 66.633 171.194, 64.515 171.571, 62.090 171.964 M 74.552 173.250 C 74.340 173.938, 73.907 176.359, 73.590 178.632 L 73.014 182.764 86.257 183.189 C 93.541 183.423, 111.556 183.416, 126.291 183.174 L 153.083 182.734 152.414 178.117 C 152.046 175.578, 151.551 173.162, 151.314 172.750 C 151.076 172.338, 133.794 172, 112.910 172 C 83.404 172, 74.851 172.279, 74.552 173.250"
stroke="none" fill="#4b8eff" fill-rule="evenodd"/>
</svg>
</g>
</svg>
<script>
const svg_t = document.getElementById('t');
const svg_ecot = document.getElementById('ecot');
const trigger_t = document.getElementById('trigger_t');
trigger_t.addEventListener('mouseenter', () => {
svg_ecot.style.display = 'block';
svg_t.style.display = 'none';
});
trigger_t.addEventListener('mouseleave', () => {
svg_ecot.style.display = 'none';
svg_t.style.display = 'block';
});
</script>
</div>
<script>
document.addEventListener('keydown', function (event) {
if (event.key === "g") {
svg_ecoc.style.display = 'block';
svg_c.style.display = 'none';
svg_ecol.style.display = 'block';
svg_l.style.display = 'none';
svg_ecoi.style.display = 'block';
svg_i.style.display = 'none';
svg_ecom.style.display = 'block';
svg_m.style.display = 'none';
svg_ecoa.style.display = 'block';
svg_a.style.display = 'none';
svg_ecot.style.display = 'block';
svg_t.style.display = 'none';
}
if (event.key === "c") {
svg_ecoc.style.display = 'block';
svg_c.style.display = 'none';
}
if (event.key === "l") {
svg_ecol.style.display = 'block';
svg_l.style.display = 'none';
}
if (event.key === "i") {
svg_ecoi.style.display = 'block';
svg_i.style.display = 'none';
}
if (event.key === "m") {
svg_ecom.style.display = 'block';
svg_m.style.display = 'none';
}
if (event.key === "a") {
svg_ecoa.style.display = 'block';
svg_a.style.display = 'none';
}
if (event.key === "t") {
svg_ecot.style.display = 'block';
svg_t.style.display = 'none';
}
});
document.addEventListener('keyup', function (event) {
if (event.key === "g") {
svg_ecoc.style.display = 'none';
svg_c.style.display = 'block';
svg_ecol.style.display = 'none';
svg_l.style.display = 'block';
svg_ecoi.style.display = 'none';
svg_i.style.display = 'block';
svg_ecom.style.display = 'none';
svg_m.style.display = 'block';
svg_ecoa.style.display = 'none';
svg_a.style.display = 'block';
svg_ecot.style.display = 'none';
svg_t.style.display = 'block';
}
if (event.key === "c") {
svg_ecoc.style.display = 'none';
svg_c.style.display = 'block';
}
if (event.key === "l") {
svg_ecol.style.display = 'none';
svg_l.style.display = 'block';
}
if (event.key === "i") {
svg_ecoi.style.display = 'none';
svg_i.style.display = 'block';
}
if (event.key === "m") {
svg_ecom.style.display = 'none';
svg_m.style.display = 'block';
}
if (event.key === "a") {
svg_ecoa.style.display = 'none';
svg_a.style.display = 'block';
}
if (event.key === "t") {
svg_ecot.style.display = 'none';
svg_t.style.display = 'block';
}
});
</script>
</div>
</div>
<div class="girlande">
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
<div class="scintillant2"></div>
<div class="scintillant"></div>
</div>
<script>
document.addEventListener('keydown', function (event) {
// Vérifie si la touche appuyée est la touche "Entrée" (code 13)
if (event.key === 'Enter') {
// Redirige vers la page web de votre choix (par exemple, Google)
window.location.href = 'https://www.google.com';
}
});
// Fonction pour gérer le clignotement
function clignoter() {
var elements = document.getElementsByClassName('scintillant');
var elements2 = document.getElementsByClassName('scintillant2');
// Alterner entre afficher et masquer toutes les 500 millisecondes (ou ajustez selon vos besoins)
setInterval(function () {
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var backgroundColor = element.style.backgroundColor;
element.style.backgroundColor = (backgroundColor === 'green') ? 'white' : 'green';
var elemente = elements2[i];
var backgroundColor2 = elemente.style.backgroundColor;
elemente.style.backgroundColor = (backgroundColor2 === 'white') ? 'red' : 'white';
}
}, 500);
// Alterner entre afficher et masquer toutes les 500 millisecondes (ou ajustez selon vos besoins)
}
// Appeler la fonction de clignotement après le chargement du document
document.addEventListener('DOMContentLoaded', clignoter);
</script>
<img id="pereNoelSneaky" src="images/perenoel1.webp">
<img id="pereNoelSneaky2" src="images/perenoel2.png">
<div>
<div class="container-section rouge">
<img src="images/pollution-fumee.jpg" alt="pollution"/>
<p>
Le constat du changement climatique est incontestable.
Les scientifiques du GIEC sont formels : les activités humaines,
principalement les émissions de gaz à effet de serre, ont indiscutablement
entraîné le réchauffement planétaire. Cependant, malgré la clarté des solutions disponibles,
des idées fausses et des idées reçues persistent.
</p>
</div>
<div class="container-bouton">
<a class="boutonGenerale"
href="https://www.wwf.fr/vous-informer/actualites/10-idees-recues-sur-le-changement-climatique">Site du
GEIC</a>
</div>
<div class="container-section vert">
<p>
Notre défi pour la Nuit de l'Info 2023 consiste à concevoir une application
ludique permettant de discerner les fausses informations des solutions véritables.
</p>
<img id="ndi" src="images/ndi.png"/>
</div>
<div class="container-section rouge">
<p>
N'hésitez pas à explorer les différentes sections du site
pour en apprendre davantage et à contribuer à cette cause cruciale.
</p>
</div>
<div class="defis">
<h1> LES DEFIS QUE NOUS AVONS CHOISIS !</h1>
<div>
<div id="Tetris">
<h2>Tetris 404</h2>
<p>
Ce Tetris apparaît lors de la
page d'erreur 404.
L'objectif de ce tetris est que le joueur
atteigne le score de 404.
A vous de placer les bonnes pieces au bon endroit pour gagner !
</p>
</div>
<div id="rythme">
<h2>Jeu de rythme</h2>
<p>
Grâce au konamiCode vous pourrez jouer à notre jeu !
Le principe du jeu est de protéger une étoile au centre, avec
votre souris, vous maitrisez un bouclier qui peut tourner autour de cette étoile
pour la protéger. Des objets arrivent de tous les cotés sur le rythme de la
musique. Concentrez-vous sur le rythme pour gagner !
</p>
</div>
<div id="svg">
<h2>SVG</h2>
<p>
Nous avons fait notre logo en SVG; passez votre souris
sur notre logo et découvrez la partie cachée !
</p>
</div>
</div>
<div>
<div id="charlie">
<h2>Où est Charlie ?</h2>
<p>
Un Charlie est caché sur notre site.
Bonne chance pour le trouver !
</p>
</div>
<div id="Noel">
<h2>Last XMas</h2>
<p>
Notre page d'accueil est une page dans le theme de Noël pour
vous faire voyager jusqu'en Laponie !
</p>
</div>
</div>
</div>
</div>
</div>
<h2 class="flappy">Flappy Santa !</h2>
<canvas id="canvas" width="276" height="414"></canvas>
<script src="game.js"></script>
<!-- <footer>-->
<!-- <p>© Kappi - 2023 Nuit de l'Info</p>-->
<!-- </footer>-->
</body>
</html>