-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathmetro.html
116 lines (114 loc) · 7.05 KB
/
metro.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/styles.css">
<link rel="stylesheet" href="https://use.typekit.net/euw0chn.css">
<link rel="icon" href="/assets/favicon.png" type="image/x-icon">
<!-- <script src="/assets/script/pdftreatment.js"></script> -->
<title>Métro 1 - MobiFer</title>
<meta name="description" content="La ligne 1 du métropolitain de Paris relie La Défense à Château de Vincennes.">
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/MP_05_-_Bastille_-_Ligne_1.jpg/1024px-MP_05_-_Bastille_-_Ligne_1.jpg">
</head>
<body>
<a href="/"><h1 class="header">MobiFer</h1></a>
<p class="centered"><span style="font-size: 80px;" class="shadowed"><span class="integrated"><img src="/assets/icons/symbole_metro_RVB.svg" alt="Métro"></span></span><br>
<span class="image-center terminus-box">Métropolitain</strong></span></p>
<div class="box image-center container">
<p><span class="integrated">
<img src="/assets/icons/symbole_metro_RVB.svg" alt="Métro">
<img src="/assets/icons/metro_1_couleur_RVB.svg" alt="1"></span><strong>La Défense<br>Château de Vincennes</strong></p>
<hr>
<p class="centered">La ligne 1 du métropolitain de Paris relie La Défense à Chateau de Vincennes.</p>
<p class="centered">Elle est composée de 25 stations et couvre une longueur de 16,6 km.</p>
</div>
<div class="box image-center">
<h2 class="centered">Plan de la ligne<br><span class="p"></span></h2>
<p class="centered">Cliquez sur la puce d’une station ou l’icône d’une ligne pour consulter sa page dédiée.</p>
<p class="centered">Ce plan a été conçu verticalement pour permettre une navigation optimale sur le web et les appareils mobiles.</p>
<!-- <img src="/assets/maps/m01web.svg" alt="Plan de la ligne 1" class="image-center"> -->
<object type="image/svg+xml" data="/assets/maps/m01web.svg" class="image-center"></object>
<p style="margin-top: 10px !important;">Les nombres figurant à droite de la ligne représentent le temps de marche entre deux stations. Quand celui-ci est inférieur à 10 minutes, privilégiez la marche.</p>
<p><a href="/assets/maps/prod/m01.pdf">Télécharger le plan (PDF, 200 Ko)<span class="integrated"><img src="/assets/icons/download.svg" alt="Télécharger"></span></a></p>
</div>
<div class="box image-center">
<h2 class="centered">Statistiques et données</h2>
<table>
<tr>
<td class="title">Mise en service</td>
<td>19 juillet 1900</td>
</tr>
<tr>
<td class="title">Dernier prolongement</td>
<td>1<sup>er</sup> avril 1992</td>
</tr>
<tr>
<td class="title">Matériel</td>
<td>MP 05 (56 rames au 14 mai 2024)</td>
</tr>
<tr>
<td class="title">Conduite (système)</td>
<td>Automatique intégrale</td>
</tr>
<tr>
<td class="title">Arrêts</td>
<td>25</td>
</tr>
<tr>
<td class="title">Longueur</td>
<td>16,6 km</td>
</tr>
<tr>
<td class="title">Temps de parcours moyen</td>
<td>35 minutes</td>
</tr>
<tr>
<td class="title">Communes desservies</td>
<td>6</td>
</tr>
<tr>
<td class="title">Interstation moyenne</td>
<td>688 m</td>
</tr>
<tr>
<td class="title">Fréquentation moyenne<br>(2023)</td>
<td>165,8 M par an (1<sup>e</sup> sur 14)</td>
</tr>
</table>
</div>
<div class="box image-center">
<h2 class="centered">Le saviez-vous ?</h2>
<p>La ligne 1 du métro est la <strong>première</strong> ligne de métro de France à avoir été inaugurée. Elle a été construite en 2 ans à l’occasion de l’exposition universelle de 1900 et a été un véritable succès !</p>
</div>
<div class="box image-center">
<h2 class="centered">Bilan carbone <span class="integrated"><img src="https://upload.wikimedia.org/wikipedia/commons/5/58/Leaf_icon_03.svg" alt="Feuille verte, symbolisant l’écologie."></span></h2>
<p>Il est estimé à <strong>3,8 g</strong> l’émission de gaz à effet de serre (GES) par voyageur et pour chaque kilomètre parcouru en métro. En parcourant la ligne 1 du métro de terminus à terminus, vous émettrez <strong>63,08 g</strong> de GES. Or, si tous les voyageurs annuels de la ligne la prenaient ainsi, environ <strong>10 500 tonnes</strong> de GES seraient émises !</p>
<p>Une voiture émet en moyenne <strong>134 g/km</strong> de GES. Les mêmes trajets effectués cette fois-ci en voiture émetteraient alors environ <strong>369 000 tonnes</strong> de GES, soit <strong>35 fois plus</strong> qu’en prenant le métro.</p>
<p>Ainsi, on voit l’impact positif qu’a le fait de privilégier les transports en commun à la voiture. En effet, même si les calculs et nombres sont approximatifs, ils donnent l’idée représentative que prendre les transports en commun est un geste pour l’environnement.</p>
</div>
<div class="box image-center" style="color: white; background-color: #05003e !important;">
<h2 class="centered">Galerie photo</h2>
<div class="gallery">
<img src="/assets/photos/m01-1.webp" alt="Photo 1">
<img src="/assets/photos/m01-2.webp" alt="Photo 2">
<img src="/assets/photos/m01-3.jpg" alt="Photo 3">
<img src="/assets/photos/m01-4.jpg" alt="Photo 4">
<img src="/assets/photos/m01-5.jpg" alt="Photo 4">
</div>
<p class="centered"><br>Cliquez sur une image pour l’agrandir.</p>
<p class="license">De gauche à droite, et de haut en bas</p>
<p class="license">Photos 1 et 2 : © Zoric</p>
<p class="license">Photos 3 à 5 : © ArsTC</p>
</div>
<div class="footer-buttons">
<div class="image-center"><img src="/assets/banner.svg" alt="Bannière Mobifer" style="border-radius: 10px; width: 100%; max-width: 200px;"></div>
<h3>Vous souhaitez contribuer, poser une question ou signaler une erreur ?<br>Rejoignez le serveur Discord pour plus d’informations !</h3>
<div class="buttons">
<a href="https://github.com/Mobifer/mobifer" target="_blank" class="button github"><span class="integrated"><img src="/assets/icons/github.svg" alt="Logo GitHub"></span> GitHub</a>
<a href="https://discord.gg/zWraJq5eE5" target="_blank" class="button discord"><span class="integrated"><img src="/assets/icons/discord.svg" alt="Logo Discord"></span> Discord</a>
</div>
<p class="centered" style="font-size: 12px;">2024 - 2025 <a href="https://github.com/illavoluntas/">illavoluntas</a>. Ce site est proposé sous la <a href="/LICENSE.md">licence MIT</a>.<br>Ce site n’est en aucun cas affilié à <a href="https://www.iledefrance-mobilites.fr/">Île-de-France Mobilités</a> ou à la <a href="https://www.ratp.fr">RATP</a>. Ces noms déposés appartiennent à leurs propriétaires respectifs. Ce site utilise la charte signalétique d’Île-de-France Mobilités placée sous la licence Creative Commons (<a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">CC BY-NC-ND 3.0 FR</a>).</p>
</div>
<script src="/assets/script/galleryhandle.js"></script>
</body>